欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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
});
}
});

});