jquery 加载更多的内容时,用户滚动“附近”的页面底部?

mrzz3bfm  于 2023-08-04  发布在  jQuery
关注(0)|答案(2)|浏览(111)

我用这个来检测滚动到页面底部。但是我如何检测到页面底部的距离呢?

if($(window).scrollTop() + $(window).height() == $(document).height() ) {
 .. my ajax here
}

字符串
我的意思是,我希望函数在距离底部100px或200px时执行,而不是在页面的最底部。我该如何改变这一切?
还有:是否有可能,如果滚动条位于显示加载内容的特定元素(比如我的大CONTAINER)的最后一个,则可以捕获。
提前致谢

eanckbw9

eanckbw91#

var nearToBottom = 100;

if ($(window).scrollTop() + $(window).height() > 
    $(document).height() - nearToBottom) { 
 .. my ajax here 
}

字符串
或滚动到底部。CONTAINER

if ($(window).scrollTop() + $(window).height() >= 
    $('.CONTAINER').offset().top + $('.CONTAINER').height() ) { 
 .. my ajax here 
}

0mkxixxg

0mkxixxg2#

这会对你有帮助

<script>
 $(window).scroll(function () {
    if ($(document).height() <= $(window).scrollTop() + $(window).height()) {
        alert("End Of The Page");
    }
 });
</script>

字符串
通过此链接阅读整篇文章并详细说明它是如何工作的。
load more content when browser scroll to end of page in jquery

相关问题