[解決済み] Jqueryがビューポートに表示されているかどうかをチェックする [重複]。

2022-08-31 05:02:06

質問

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
}