JavaScriptを使用してDOMオブジェクトがウィンドウ外にあるかどうかを確認するにはどうすればよいですか？

Question

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

「表示され、表示されている」と言うと、ユーザーがページをスクロールせずにオブジェクトを表示できるようになったときです（私が何を意味しているかわかっている場合）。しかし、ユーザーがページをスクロールしてdivが表示されなくなった場合（ウィンドウの外にある場合）、私が探している関数はそれを知っている必要があります。

Answer 1

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

Here's a demo私は何を意味するかを示します。