在溢出DIV中滚动时执行JavaScript函数
我使用jquery,并一直在寻找多种方法使这个脚本工作。最后,我查看了一下,并为我的index.html尝试了这个脚本在溢出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维度下工作,当用户滚
<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谢谢你的帮助,我在阅读了你的链接后自己解决了这个问题。