Jquery 如果 div 在页面上可见？

Question

我正在尝试制作一个单页网站。

作为导航栏的一部分，我希望它能够突出显示某个链接如果某个其他 div 在页面上可见。

我感觉 jquery 会做这个。

Here is an example of what i mean. 如果导航链接链接到的部分在页面上可见，请注意导航链接如何突出显示

有人能帮忙吗？？

Answer 1

其他答案将返回 true 如果元素在 DOM 中可见 - 即使它们被设置为 display:none 并且实际上在视觉感受。

如果您想查看某个元素当前是否在视口(viewport)中可见，一种解决方案可能是研究使用 Viewport Selectors for jQuery.

然后，您可以使用 $(":in-viewport") 选择器检查元素当前是否在视口(viewport)中(即物理可见)。

Here's an example它被使用。