用源生js判断是否滑到底部

最新推荐文章于 2023-12-20 15:00:52 发布

原创最新推荐文章于 2023-12-20 15:00:52 发布 · 441 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

这段JavaScript代码定义了一个onscroll事件处理函数，用于检测浏览器滚动条是否到达页面底部。当 scrollTop 加上 windowHeight 大于或等于 scrollHeight 时，表示用户已滚动到页面底部，可以在此处执行相应的操作，例如加载更多内容。

window.onscroll=function(){
	//变量scrollTop是滚动条滚动时，滚动条上端距离顶部的距离
    var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;

    //变量windowHeight是可视区的高度
    var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;

    //变量scrollHeight是滚动条的总高度（当前可滚动的页面的总高度）
    var scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight;

    //滚动条到底部
	if(scrollTop+windowHeight>=scrollHeight){
		//要进行的操作
	}
 }