当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jQuery侧边栏随窗口滚动实现方法

jQuery侧边栏随窗口滚动实现方法

2019年01月14日  | 移动技术网IT编程  | 我要评论
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
});
}
});

});

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网