如何在屏幕上选择可见元素？

Question

如何选择实际上对用户可见的CSS emements？

实际上在屏幕上？

Answer 1

有一个jQuery插件可以添加选择器来帮助您完成此任务，看看用户是否可以看到某些内容（ViewPort）。

您可以看到download it from here。

它基本上添加了以下选择器：

 $(":in-viewport")
 $(":below-the-fold")
 $(":above-the-top")
 $(":left-of-screen")
 $(":right-of-screen")

在你的情况下，我认为第一个是你需要的那个。 其他更详细，以确定视觉隐藏对象的位置。

Answer 2

如果您使用的是jQuery，请使用：visible selector。 $("body").find(":visible")

Answer 3

最好的方法是使用jQuery：

$（ '识别TestClass：可见'）

返回一个包含类“testClass”的所有元素的数组，这些元素在DOM中可见。

http://api.jquery.com/visible-selector/

Answer 4

从屏幕到css没有连接（仅从css到屏幕）。 css无法选择实际的可见元素。

你可以使用jQuery来匹配那些（正如McNaney所提到的）并添加一些现有的css类。