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>

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

1 个答案: