我有一个粘性 div,但我需要它在靠近底部的某个点停止。当然在示例中(下面的链接)它永远不会触底,但如果我有一个宽度更大的 div,我希望它在触及我的页脚之前停止。如果您不明白这个问题,请告诉我,帮助会很大。
http://blog.yjl.im/2010/01/stick-div-at-top-after-scrolling.html
最佳答案
这是一个可以为您解决这个问题的 jquery 插件。这个插件会将元素固定到页面顶部,就像您在示例中所做的那样;而且,如果您将可选限制设置为要停止的元素的顶部,它应该在滚动时向上移动页面。您必须将“固定”元素的高度添加到限制,以使其在触及您不希望它触及的元素之前再次向上移动页面,如果需要,还可以加上一些边距。
这是一个演示这一点的 fiddle :http://jsfiddle.net/ZczEt/2/
这是插件及其来源:https://github.com/bigspotteddog/ScrollToFixed
// the limit is optional, but it will make the header move up the
// page again once it reaches the 7th paragraph
$(document).ready(function() {
$('.header').scrollToFixed( { limit: $($('h2')[7]).offset().top } );
});
我忘了说,这个插件在修复时也会修复粘性标题下方内容中的问题。在您的示例中,如果您缓慢滚动,您会注意到内容在固定时会跳到标题的高度。这个插件弥补了这一点。
关于javascript - Sticky Div 停在底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7194040/