jQuery侧边栏随窗口滚动实现方法
程序员文章站
2022-08-13 18:45:22
jquery侧边栏随窗口滚动实现代码如下:
$(function() {
var $sidebar = $("#sidebar"),
$window =...
jquery侧边栏随窗口滚动实现代码如下:
$(function() {
var $sidebar = $("#sidebar"),
$window = $(window),
offset = $sidebar.offset(),
toppadding = 15;
$window.scroll(function() {
if ($window.scrolltop() > offset.top) {
$sidebar.stop().animate({
margintop: $window.scrolltop() - offset.top + toppadding
});
} else {
$sidebar.stop().animate({
margintop: 0
});
}
});
});
上一篇: 2014年下化妆品微商模式大调查 10种成功模式分析
下一篇: 传统企业和互联网企业怎么做微信营销
推荐阅读
-
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
-
jQuery侧边栏随窗口滚动实现方法
-
jQuery实现侧边栏隐藏与显示的方法详解
-
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
-
javascript - wordpress侧边导航栏高度不够时随页面滚动是怎么实现的?
-
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧
-
jQuery实现浮动层随浏览器滚动条滚动的方法_jquery
-
jQuery实现浮动层随浏览器滚动条滚动的方法_jquery
-
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧
-
Jquery实现侧边栏跟随滚动条固定(兼容IE6)_jquery