jQuery侧边栏随窗口滚动实现方法
网络编程 发布日期:2024/10/11 浏览次数:1
正在浏览: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
});
}
});
});