Jquery是否在页面上可见div？答案

【问题标题】：Jquery if a div is visible on page?Jquery是否在页面上可见div？
【发布时间】：2013-05-08 22:52:49
【问题描述】：

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

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

我感觉 jquery 会做到这一点。

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

谁能帮忙？？

【问题讨论】：

【解决方案1】：

其他答案将返回 true 如果元素在 DOM 中可见 - 即使它们的样式为 display:none 而实际上在视觉上并不“可见”。

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

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

Here's an example 正在使用中。

【讨论】：

【解决方案2】：

您可以使用 :visible 来检查某些内容是否可见。

检查元素是否可见：

if($(element).is(':visible'))

你也可以选择可见的

var $list = $('li:visible');

您还可以过滤现有的 jQuery 元素数组

var $list = $('li');
var $visible = $list.filter(':visible');

显然，您可以将其应用于任何类型的元素。

【讨论】：

【解决方案3】：

你可以试试：

if($('selector').is(':visible')){
    $('selector2').show();
}

还有一个.is('hidden')可以使用。

【讨论】：