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

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: stackoverflow.com/questions/123999/… — Ben McCormick
– Ben McCormick, Commented May 20, 2013 at 16:14

davmos · Accepted Answer · 2025-08-18 15:07:23Z

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 Aug 18 at 15:07

davmos

9,6074 gold badges45 silver badges46 bronze badges

answered May 20, 2013 at 16:25

dsgriffin

68.8k17 gold badges141 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Faizan Ahmed Over a year ago

Link no longer works... :(

Collectives™ on Stack Overflow

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

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related