Javascript 带jQuery的浮动边栏

我正试图为浮动边栏编写一些代码。 这意味着，当侧边栏的偏移量.top达到一定距离时，它会转到位置：fixed

我创建了一个带有演示的JSFIDLE，这是全屏链接：

以下是代码链接：

所以目前，一切都很顺利。但是我故意把页脚弄大了，现在我要做的是计算

偏移量.bottom

。但令我惊讶的是，根本没有这样的事情

我该怎么做

如果您查看演示，您将看到侧边栏与页脚重叠

我需要删除

位置：固定

当它接近时

---

提前感谢。

“offset.bottom”是offset.top+

如果希望边栏在到达页脚时停止，可以检查边栏的当前位置+边栏的高度是否大于页脚顶部：

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