使用jQuery浮动边栏

Question

我正在尝试为浮动边栏编写一些代码。 这意味着什么，当边栏offset.top的值达到一定的距离时，它将变为positon: fixed。

我创建了一个的jsfiddle与演示，这是全屏幕的链接：http://jsfiddle.net/peduarte/Qcftp/show

这里是与代码的链接：http://jsfiddle.net/peduarte/Qcftp/

因此，在这一刻，一切都工作得很好。但是我已经让页脚真的很大（故意的），现在，我正在尝试计算offset.bottom。但令我惊讶的是，没有这样的事情。

我该怎么做？

如果你看看演示，你会看到侧栏与页脚重叠。

我需要提前删除position: fixed当它越来越接近......

感谢。

Answer 1

如果你想在侧边栏停止当它达到你可以检查是否侧边栏+侧边栏的高度的当前位置比页脚的顶部更大的页脚：

($("aside").position().top + $("aside").outerHeight() > $("footer").position().top) { 
    // handle situation 
} 

Answer 2

“offset.bottom”偏移top.top + $(element).outerHeight()。