jquery : detecting scroll position

Question

I want to get an alert when, while scrolling, my footer comes to view.

$(window).on("mousewheel", function(){     if ($(window).scrollTop() + $(window).height() > $('#footer').position().top){             alert("footer visible");     }       else{         alert("footer invisible");       } }); 

http://jsfiddle.net/JRUnr/10/

All conditions with height seem right, but not during scrolling.

Answer 1

Working DEMO

Try this

$(window).scroll(function () {      if ($(window).scrollTop() + $(window).height() > $('.footer').offset().top) {         alert("footer visible");     } else {         alert("footer invisible");     } }); 

Hope this helps,Thank you

Answer 2

There is a jquery plugin for this task named jQuery Waypoints (http://imakewebthings.com/jquery-waypoints/)

$('#footer').waypoint(function(direction) {     alert('Top of thing hit top of viewport.'); });