JavaScript上拉加载

最新推荐文章于 2023-06-26 18:26:27 发布

ACGuan

最新推荐文章于 2023-06-26 18:26:27 发布

阅读量89

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/csdnlinyongsheng/article/details/107461576

版权

Web前端专栏收录该内容

85 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css" media="screen">
		.box{
			height:2000px;
		}
	</style>
</head>
<body>
	<div class="box"></div>
	<script>
           //--------------上拉加载更多---------------
         //获取滚动条当前的位置 
         function getScrollTop() {
            var scrollTop = 0;
             if(document.documentElement && document.documentElement.scrollTop) {
                 scrollTop = document.documentElement.scrollTop;
             } else if(document.body) {
                 scrollTop = document.body.scrollTop;
             }
             return scrollTop;
         }
 
         //获取当前可视范围的高度 
         function getClientHeight() {
             var clientHeight = 0;
             if(document.body.clientHeight && document.documentElement.clientHeight) {
                 clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
             } else {
                 clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
             }
             return clientHeight;
         }
 
         //获取文档完整的高度 
         function getScrollHeight() {
             return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
         }
         
         //滚动事件触发
         window.onscroll = function() {
             if(getScrollTop() + getClientHeight() == getScrollHeight()) {
             	alert(1);
             }
         }
         //-----------------结束--------------------
	</script>
</body>
</html>

ACGuan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript上拉加载

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css" media="screen"> .box{ height:2000px; } </style></head><body> <div cl.
复制链接

扫一扫