How can I tell if a DOM object is out of the window using JavaScript?

Question

I'm looking for a method to know if a object (as a Div, a img, etc.) is displayed and visible by the user at the window in JavaScript / jQuery.

When I say "is displayed and visible", that's when the user don't scroll the page enough to let's the object visible (If you know what I mean). But if the user scroll the page and the div is no longer visible (is out the window) the function what I'm looking for should know that.

To tell if its in the current viewport, see this question: http://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-current-viewport — Ben McCormick, May 20 '13 at 16:14

dsgriffin · Accepted Answer · 2013-05-20T16:36:02.360

12

You should use Viewport selectors for jQuery to check if the element is currently visible in the actual viewport.

Here's a demo to show you what I mean.

edited May 20 '13 at 16:36

answered May 20 '13 at 16:25

dsgriffin

66,495
17
137
137

1

Link no longer works... :( – Faizan Ahmed Feb 19 '21 at 05:42

How can I tell if a DOM object is out of the window using JavaScript?

1 Answers1