js监听页面或元素scroll事件，滚动到底部或顶部

js监听页面或元素scroll事件，滚动到底部或顶部

基本原理：

1、滚动到底部元素的滚动距离 + 元素的可视距离 == 元素的滚动条总距离2、滚动到顶部元素的滚动距离 == 0

监听页面滚动

同理，也可以监听元素的滚动

判断触底需要注意的点：

滚动时需要区分向上滚动还是向下滚动滚动时可以设置一个阈值，并非完全触底或触顶才触发滚动事件需要做节流操作，以免短时间内被多次触发

在线Demo

​​16.1、监听浏览器scroll滚动事件,触顶和触底​​​​16.2、监听元素scroll滚动事件,触顶和触底​​

参考​​​js 监听页面滚动到底部，监听可视区域滚动到底部​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。