当用户滚动到特定div 时运行javascript函数

每次用户滚动到另一个div或页面的另一部分时，我都会运行一个不同的函数。 无论如何我能做到吗？

Answer 1

Allready在这里回答 – >> Jquery中的动态滚动位置

有一个伟大的插件来做这个称为WAYPOINT

我已经在jsfiddle上设置了一个例子来检查它

HTML

CSS

 .first { background:green; height: 600px; width:100%; } .second { background:red; height: 600px; width:100%; } 

JS

 $('.second').waypoint(function() { alert('You have scrolled to an entry.'); }, { offset: '100%' }); 

Answer 2

有很多方法可以做到这一点。 最简单的方法：

 var element = $('#my-div'); function myFunction() { alert('I am here!'); } $(window).scroll(function(){ var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = $(elem).offset().top; var elemBottom = elemTop + $(elem).height(); if ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)) { myFunction(); } }); 

还有jQuery Appear插件和Waypoints插件 ：

 $('#my-div').appear(function() { alert('I am here!'); }); $('#my-div').waypoint(function() { alert('I am here!'); });