在溢出DIV中滚动时执行JavaScript函数

Question

我使用jquery并一直在搜索许多方法来使这个脚本工作。 最后，我仔细查看并为index.html尝试了这个脚本

<div style="overflow-y:scroll; height:300px">
<div style="background-color:black; height:500px">
</div>
</div>

我简单的JavaScript

$(function(){
$(window).scroll(function(){
   if($(document).height()==$(window).scrollTop()+$(window).height()){
       alert('I am at the bottom');
       // Here goes your code.
   }
 });
});

结果：

http://jsfiddle.net/agnanzakariya/xGV8Q/53/

实际上，这种方法很有效，但在浏览器尺寸缩小时有效。 我希望它在特定的溢出DIV维度下工作，当用户滚动到底部时，脚本可以执行函数。

我的参考也是这样的：

http://jsfiddle.net/agnanzakariya/n4pdx/662/

但是，当浏览器尺寸缩小时仍然可以工作。

Answer 1

好吧我终于做到了，顺便说一下这很简单......

$(function(){
$(window).scroll(function(){
if($(document).height()==$(window).scrollTop()+$(window).height()){
   alert('I am at the bottom');
   // Here goes your code.
}
});
});

说实话，它分散了一点点注意力。 什么时候

$(window).scroll(function()

它是全局的，它呈现整个维度浏览器，当你想要在特定的DIV中，在我的情况下在溢出DIV中，而不是（窗口）与你的（div_id）在脚本中

$(divload).scroll(function()

最后的HTML代码是

<div id="divload" style="overflow-y:scroll; height:300px">
<div style="background-color:black; height:500px">
</div>
</div>