当前位置:Gxlcms > JavaScript > jQuery侧边栏随窗口滚动实现方法_jquery

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

时间:2021-07-01 10:21:17 帮助过:11人阅读

代码如下:

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

});

人气教程排行