javascript - 带有 jQ​​uery 的 float 侧边栏

Question

我正在尝试为 float 侧边栏编写一些代码。 也就是说，当侧边栏的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
}