javascript - 如何使 float 侧边栏在页脚之前停止 float 而不与其重叠

Question

我有一个带有 float 侧边栏的自定义脚本，该侧边栏一直在帖子中 float 。

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

我创建了一个 JS fiddle 来解释: http://jsfiddle.net/Dj3cW/1/

您会看到 #sidebar 与 #footer 重叠。如何防止它在 #footer 之前进一步向下 float 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/