javascript - JavaScript を使用して DOM オブジェクトが範囲外にあるかどうかを確認するにはどうすればよいですか?

Question

オブジェクト (Div、img など) が表示され、JavaScript/jQuery のウィンドウでユーザーに表示されるかどうかを知る方法を探しています。

「表示されて見える」と言うとき、それはユーザーがページを十分にスクロールしてオブジェクトを表示できないときです（私の言いたいことがわかっている場合）。しかし、ユーザーがページをスクロールし、div が表示されなくなった (ウィンドウの外にある) 場合、私が探している関数はそれを認識している必要があります。

Answer 1

要素が実際のビューポートに現在表示されているかどうかを確認するには、jQuery のビューポート セレクターを使用する必要があります。

これが私が何を意味するかを示すデモです。