jQuery侧边栏随窗口滚动实现方法_jquery
来源:懂视网
责编:小采
时间:2020-11-27 21:07:33
jQuery侧边栏随窗口滚动实现方法_jquery
jQuery侧边栏随窗口滚动实现方法_jquery: 代码如下:$(function() { var $sidebar = $(#sidebar), $window = $(window), offset = $sidebar.offset(), topPadding = 15; $window.scroll(function() { if ($window.scrollTop() > of
导读jQuery侧边栏随窗口滚动实现方法_jquery: 代码如下:$(function() { var $sidebar = $(#sidebar), $window = $(window), offset = $sidebar.offset(), topPadding = 15; $window.scroll(function() { if ($window.scrollTop() > of

代码如下:
$(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
});
}
});
});
jQuery侧边栏随窗口滚动实现方法_jquery
jQuery侧边栏随窗口滚动实现方法_jquery: 代码如下:$(function() { var $sidebar = $(#sidebar), $window = $(window), offset = $sidebar.offset(), topPadding = 15; $window.scroll(function() { if ($window.scrollTop() > of