javascript 如何知道 <div> 标签的滚动事件结束
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/4244841/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
提示：将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间：2020-10-25 10:45:58 来源:igfitidea点击:
How to know the end of scrolling event for a <div> tag
提问by coolguy
I need to trigger a function if scroll end has reached for a div tag ..
如果滚动结束已到达 div 标签，我需要触发一个函数..
$("#page").bind("scroll",function(e){ //page is the ID of the div im scrolling
if (document.body.scrollHeight - $(this).scrollTop() <= $(this).height())
{
//the code here is called every time the scroll is happened i want to call
//this only when the scroll reaches the end of div
}
});
回答by Ramiz Uddin
$("#page").scroll( function() {
if($(this)[0].scrollHeight - $(this).scrollTop() == $(this).outerHeight()) {
// what you want to do ...
}
});
回答by Z. Zlatev
$("#page").bind("scroll",function(e){ //page is the ID of the div im scrolling
if ( ( $(this).height() + $(this).scrollTop() ) => $(this).innerHeight() )
{
//Test it first without padding. Then see if you need to tweak the left part of the condition
}
});
回答by Kedar
Following code worked for me
以下代码对我有用
$("#page").scroll( function() {
if($(this).scrollTop() >= ($(this)[0].scrollHeight - $(this).outerHeight()))
{
alert("End here");
}
});
