0

好的,所以我有一个奇怪的情况。

在一个网站上,我被要求添加页脚永远不应与侧导航重叠的功能。有时这会发生在较小的分辨率上(但不会小到改变媒体查询。)

所以我尝试了 jQuery 元素碰撞检测,但这在固定位置元素上似乎是不可能的。所以现在我在想可能有一种方法可以获取文档高度、页脚高度和导航高度。使用 .scroll()(或 .scrollTo(),我不确定)检测我在文档中的位置,当页脚顶部到达导航底部时,更改导航的位置。

但现在我被困在如何实际编码这个:D

那么如何让 jQuery 比较高度并根据此计算我在文档中的位置?

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

这是我的小提琴

是实时站点(如果您更改分辨率并向下滚动,您可以看到重叠。)

谢谢。

4

2 回答 2

1

给你!工作脚本非常简单。但是这个想法只有在页脚具有绝对位置并且菜单固定时才有效。

于 2012-08-17T10:28:29.050 回答
0

也许这样的事情可能是一个起点:http ://ryanfait.com/sticky-footer/ 它只是 html 和 css。

于 2012-08-17T10:15:34.370 回答