jquery：检测滚动位置

我想在滚动时看到我的页脚时发出警报。

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

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

所有具有高度的条件似乎都是正确的，但在滚动期间不会。

Answer 1

工作演示

试试这个

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

希望这有帮助，谢谢

Answer 2

这个任务有一个名为jQuery Waypoints的jquery插件（ http://imakewebthings.com/jquery-waypoints/ ）

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

Answer 3

这是一个工作小提琴…… http://jsfiddle.net/kasperfish/JRUnr/14/

它被黑客攻击，但它的工作原理

  flag=true; $(window).scroll(function() { st=$(window).scrollTop(); $('#topscroll').html(st) if(st>1450){ if(flag) alert('test');flag=false; } });