当用户滚动“靠近”页面底部时，加载更多内容？

我用它来检测滚动到页面底部。 但是如何检测页面底部的距离？

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

我的意思是我希望函数在从底部开始是100px或200px时执行，而不是在页面底部。 我该如何改变？

另外：如果滚动位于显示加载内容的特定元素（比如我的大容器）的最后一个，则可能会捕获。

提前致谢

Answer 1

 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 } 

Answer 2

这对你有所帮助。

浏览此链接以查看整篇文章，并详细说明其工作原理。

当浏览器在jquery中滚动到页面末尾时加载更多内容