javascript – Jquery检查元素在视口中是否可见

2022-11-08 11:39:13

参见英文答案 > How to Check if element is visible after scrolling? 39个
用于检查div类“media”是否在浏览器可视视口内,而不管窗口滚动位置如何.

<HTML>
<HEAD>
  <TITLE>My first HTML document</TITLE>
</HEAD>
<BODY>
  <div class="main">
   <div class="media"></div>
  </div>

</BODY>
</HTML>

尝试使用此功能的插件https://github.com/customd/jquery-visible但是
我不知道如何让它发挥作用.

$('#element').visible( true );

解决方法:

那么,你是怎么试图让它发挥作用的？根据该插件的文档,.visible()返回一个布尔值,指示该元素是否可见.所以你要像这样使用它：

if ($('#element').visible(true)) {
    // The element is visible, do something
} else {
    // The element is NOT visible, do something else
}

码农公寓