Howto trigger jQuery event after scrolling to certain object on page (not "if scrollTop" solution)

Question

I want to float a layer as soon as I am scrolling to a certain point on a page. But my page is not static in height, but (very) dynamic. So this known solution will not work for me:

if($(window).scrollTop() > 1000) { 
   // do this
}

That's the reason I am wondering if there is a posibility to fire an event at the very moment a certain object (e.g. a div) has appeared on my screen?

Other solutions are also welcome of course.

Possible duplicate of stackoverflow.com/questions/487073/… — Toby
– Toby, Commented Jul 24, 2016 at 18:34

Community · Accepted Answer · 2017-05-23 11:51:31Z

1

You can check this answer here Check if element is visible after scrolling

And after you can trigger the event like this

$(document).trigger('elementVisible');

And here you can add your code

$(document).on('elementVisible', function (event, data) {
  //code goes here
});

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Jul 24, 2016 at 19:01

driantn

262 bronze badges

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

1 Comment

Vincent Over a year ago

Yes the page you suggested solved the problem, thanks!

Collectives™ on Stack Overflow

Howto trigger jQuery event after scrolling to certain object on page (not "if scrollTop" solution)

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related