jQuery侧边栏随窗口滚动实现方法
程序员文章站
2022-03-29 11:32:48
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
});
}
});
});
上一篇: cdr中怎么设计漂亮的文字特效?
下一篇: js开发环境配置
推荐阅读
-
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
-
jQuery侧边栏随窗口滚动实现方法
-
jQuery实现侧边栏隐藏与显示的方法详解
-
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
-
javascript - wordpress侧边导航栏高度不够时随页面滚动是怎么实现的?
-
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧
-
jQuery实现浮动层随浏览器滚动条滚动的方法_jquery
-
jQuery实现浮动层随浏览器滚动条滚动的方法_jquery
-
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)_javascript技巧
-
Jquery实现侧边栏跟随滚动条固定(兼容IE6)_jquery