gpt4 book ai didi

javascript - 在滚动外部 div 时到达内部 div 的末尾时通知

转载 作者:可可西里 更新时间:2023-11-01 14:55:24 24 4
gpt4 key购买 nike

我在带有滚动条的外部 div 中有 div。当滚动到达外部 div 的末尾时,我可以收到警报,但我想在到达每个内部 div 的末尾时收到警报。

html结构如下。

<html><head></head>
<body>
<div id = "outer" style= "width:200px;height:200px; overflow:auto;">
<div id = "#1" class = "inner"> blah blah </div>
<div id = "#2" class = "inner"> blah blah </div>
<div id = "#3" class = "inner"> blah blah </div>
<div id = "#4" class = "inner"> blah blah </div>
</div>
</body>
</html>

我想在到达 div #1、#2、#3、#4 的末尾并且滚动条附加到外部 div 时收到通知。

提前致谢。

最佳答案

HTML:

 <div id = "outer" style="width:200px;height:200px; overflow:auto;">
<div id = "#1" class = "inner"> blah blah </div>
<div id = "#2" class = "inner"> blah blah </div>
<div id = "#3" class = "inner"> blah blah </div>
<div id = "#4" class = "inner"> blah blah </div>
<div id = "#5" class = "inner"> blah blah </div>
<div id = "#6" class = "inner"> blah blah </div>
<div id = "#7" class = "inner"> blah blah </div>
<div id = "#8" class = "inner"> blah blah </div>
<div id = "#9" class = "inner"> blah blah </div>
<div id = "#10" class = "inner"> blah blah </div>
<div id = "#11" class = "inner"> blah blah </div>
<div id = "#12" class = "inner"> blah blah </div>
</div>​

JS:

jQuery(
function($)
{
$('#outer').bind('scroll', function()
{
if($(this).scrollTop() + $(this).innerHeight()>=$(this)[0].scrollHeight)
{
alert('end reached');
}
})
}
);​

fiddle :

http://jsfiddle.net/Yq3MW/

希望这对您有所帮助。

关于javascript - 在滚动外部 div 时到达内部 div 的末尾时通知,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10443256/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com