[英]Slide to content with header of position fixed
我有一个页面,当您滚动并将“固定”的div position:fixed
top:0右时,它将变为position:fixed
以便其下面的内容滚动。
现在,在该标题上有一些按钮,可以使用滑动效果将您带到每个div部分。
位置固定后,内容会增加约100像素。
示例: 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');
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.