gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 01:22:58 25 4
gpt4 key购买 nike

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

我想做的是,如果汉堡包导航在一个 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com