html滚动条到底不断加载数据代码

最新推荐文章于 2024-04-04 13:15:21 发布

快快快看看你

最新推荐文章于 2024-04-04 13:15:21 发布

阅读量2.4k

点赞数

分类专栏： html 文章标签： html拉到底事件 html滚动条到底事件 html滚动条滚动到底不断加载数据

本文链接：https://blog.csdn.net/u012744265/article/details/52799098

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
	<head>
		<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
	</head>
	<body>
		<div style="height:1000px;">
		
		</div>

	</body>
</html>
<script>
	$(document).ready(function () {
		//body对象
		var $body = $("body");
		//body高度
		var bh = $body.height();
	
		//加载窗体滑动事件
		$(window).scroll(function(){
			//窗体高度
			var wh = $(window).height();
			//滚动条滚动长度
			var sh = $(window).scrollTop();
			if(wh+sh>bh){
				loaddata();
			}
			
		})
	});
	function loaddata(){
		var html = "<div>test</div>";
		$('body').append(html);
	};
</script>