javascript - 使用 Jquery 检查 html 元素是否覆盖了不同 z-index 的另一个元素

标签 javascript jquery html css

我有一个白色的汉堡包导航元素,大部分网站都有深色背景,但有几个部分有浅色背景。

我想做的是,如果汉堡包导航在一个 div 之上,则保持其 css 保持一种方式,如果它在另一个 div 之上则更改其 css。

我一直在尝试通过使用 $document.scrollTop() 计算页面滚动了多少来实现这一点,并计算出汉堡包导航的位置,但有两个问题有了这个:

1) 它不是很自动化,每次向页面添加新内容并且部分变长时都必须重新计算

2) 一些部分的高度是负责任地设置的,所以提前知道部分的高度和汉堡包相对于它们的位置是不可能的。

知道如何做到这一点吗?

我在这里做了一个 JSfiddle:https://jsfiddle.net/kd1x7jk4/1/

最佳答案

我相信您所描述的是碰撞检测。

这里有一个图书馆可以提供帮助:

http://sourceforge.net/projects/jquerycollision/

关于javascript - 使用 Jquery 检查 html 元素是否覆盖了不同 z-index 的另一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33290033/

相关文章:

javascript - jquery、asp.net ajax、javascript 根本不执行

javascript - 核心:forEach in javascript

html - 使用 itextsharp 转换为 pdf 时不考虑字体大小和图像大小

javascript - 悬停文本上的 slider

javascript - 如何将一维整数数组从 QML 发送到 C++?

jquery - 如何使用 jQuery 根据保存的单选按钮选择加载隐藏的 div?

php - 服务器端与客户端自动完成

javascript - 电子邮件的表单验证在 Vuejs 中不起作用

javascript - 使用变换和 js 在背景图像上旋转元素

javascript - innerHTML 生成的 div 上的点击事件