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

11

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

64,660
17
133
135

5

As someone came and trashed away a part of history, I would like to thank you again for this answer. Since those last 3 years, I still on SO thanks to people like you who treat any OP like a human being, even if their question was completely noob, duplicated, etc. etc. And this question has served to many people and keep being active after 3 years. – Zachary Dahan Apr 19 '17 at 21:23
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