javascript - 如何使浮动侧边栏在页脚之前停止浮动以不与它重叠

Question

我有一个带有浮动侧边栏的自定义脚本，它一直沿着帖子浮动。

如何在侧边栏与页脚重叠 10px 之前停止浮动侧边栏并将其固定在屏幕上的当前位置？

我创建了一个 JS 小提琴来解释：http: //jsfiddle.net/Dj3cW/1/

您将看到与#sidebar重叠#footer。如何防止它在#footer通过之前进一步飘下屏幕10px

还要记住，文档高度不是固定的，因为某些页面可能显示比其他页面更多的帖子。

谢谢

Answer 1

尝试这个

if ($('#sidebar').offset().top + $("#sidebar").height() > $("#footer").offset().top) {
    $('#sidebar').css('top',-($("#sidebar").offset().top + $("#sidebar").height() - $("#footer").offset().top));
}

http://jsfiddle.net/Dj3cW/2/