测试用户是否可以在html页面上看到元素

Question

有没有办法知道一个元素是否在html页面上可见？

像这样:

人们可以考虑水平/垂直滚动位置,浏览器窗口的宽度/高度以及页面上元素的位置/大小,但我对jQuery的经验很少,所以我不知道怎么做.可能会有一个简单的功能,我不知道.

Answer 1

您可以使用.is(':visible')选择器检查元素当前是否在DOM中可见.

编辑:

但是,正如@BenM所提到的,这不会检查页面上的元素是否实际上超出了可滚动范围 - 在这种情况下你可以使用的一个很棒的小插件是jQuery的Viewport选择器.