js如何监听屏幕滚动到底了

Posted 2023-03-20

利用scroll 事件来监听。

当用户滚动指定的元素时，会发生 scroll 事件。

scroll 事件适用于所有可滚动的元素和 window 对象（浏览器窗口）。

scroll() 方法触发 scroll 事件，或规定当发生 scroll 事件时运行的函数。

参考技术A 当文档高度-（滚动距离+窗口高度）< x;
这个x代表距离底部的距离，我们默认距离底部多少就算屏幕触底了；
文档高度永远不可能大于滚动距离+窗口高度。 参考技术B 可以判断那个滚动条距离屏幕顶端的高度不 参考技术C document.onscroll = function()
if(document.body.scrollTop+document.body.clientHeight>=document.body.scrollHeight)
alert('bottom');


body里放一个高度2000的div。不保证IE。追问

我body里面最顶层的div没有设高度，要可以无限延伸的，里面要不断添加东西的

本回答被提问者和网友采纳 参考技术D jquery
$(window).scroll(function()
if($(this).scrollTop()==$("#divid").height())
//do something

);