如何使浮动边栏在页脚之前停止浮动，以避免与其重叠

Question

我有一个带有浮动边栏的自定义脚本，它一直在文章中浮动。

如何停止浮动边栏，并将其固定在屏幕上的当前位置，然后再与页脚重叠10 by？

我创建了一个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/