jQuery伪碰撞检测

好吧，我有一个奇怪的情况

在一个网站上，我被要求添加一个功能，即页脚不能与侧导航重叠。有时，这种情况会发生在较小的分辨率上（但不会小到可以更改媒体查询）

所以我尝试了jQuery元素冲突检测，但在固定位置元素上似乎不可能。所以现在我想可能有一种方法可以得到文档高度、页脚高度和导航高度。使用.scroll（）（或.scrollTo（），我不确定）检测我在文档中的位置，当页脚顶部到达导航底部时，更改导航的位置

但现在我被困在如何编写这个代码上：D

那么，如何让jQuery比较高度，并基于此计算我在文档中的位置呢

值得注意的是，不幸的是，我不能编辑太多的网站布局

和（如果更改分辨率并向下滚动，可以看到重叠。）

---

谢谢。

也许像这样的事情可以作为一个起点：

---

它只是html和css。

给你！很简单。但这个想法只有在页脚有绝对位置并且菜单是固定的情况下才有效。

是的，这是一个很好的解决方案，但不幸的是，我不能编辑太多的网站布局：（很好的开始！我认为页脚有相对的位置。但我可能可以改变它；）总体思路是计算页脚顶部和文档顶部之间的自由空间。并在此处使用它maxScrollTop=Foote和Top之间的高度-导航高度；我认为它实际上会与position:relative一起工作也是。非常感谢！