我有一个页面,当你滚动并将 div 'fixed' 放在顶部时:0 它变成 position:fixed
以便它下面的内容滚动。
现在,在该标题上有一些按钮,可以使用滑动效果将您带到每个 div 部分。
当位置固定时,内容向上点击约 100px。
示例:http://www.screenr.com/Rbts
这是真实的例子:http://jsfiddle.net/Kat9s/
我怎样才能阻止它?
最佳答案
我添加了一个填充类。当您的固定元素变为固定时,此类将应用于您的#content。它的逻辑很简单,它会在需要时填充空间。
.filler{margin-bottom:140px}
$(window).scroll(function(){
if( $(window).scrollTop() > stickyHeaderTop ) {
$('#fixed').addClass("sticky");
$('#first').removeClass("fixed");
$('#content').addClass('filler');
} else {
$('#fixed').removeClass("sticky");
$('#content').removeClass('filler');
}
});
关于javascript - 滑动到固定位置标题的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8286790/