Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在溢出DIV中滚动时执行JavaScript函数_Javascript_Jquery_Html - Fatal编程技术网

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

在溢出DIV中滚动时执行JavaScript函数,javascript,jquery,html,Javascript,Jquery,Html,我使用jquery,并一直在寻找多种方法使这个脚本工作。最后,我查看了一下,并为我的index.html尝试了这个脚本 <div style="overflow-y:scroll; height:300px"> <div style="background-color:black; height:500px"> </div> </div> 结果: 实际上,这种方法是有效的,但在浏览器尺寸缩小时有效。我希望它在特定的溢出DIV维度下工作,当用户滚

我使用jquery,并一直在寻找多种方法使这个脚本工作。最后,我查看了一下,并为我的index.html尝试了这个脚本

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

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

我的参考资料还包括:


但是,当浏览器尺寸也缩小时,它仍然有效

好的,我终于做到了,顺便说一句,这很简单

$(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中显示整个维度浏览器时,是全局的,在我的例子中是在overflow 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> 

好的,我终于做到了,顺便说一句,这很简单

$(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中显示整个维度浏览器时,是全局的,在我的例子中是在overflow 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> 


可以帮你这个@b2ok谢谢你的帮助,我在阅读了你的链接后自己解决了这个问题。可以帮你这个@b2ok谢谢你的帮助,我在阅读了你的链接后自己解决了这个问题。