div滚动到底部加载

代码如下:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<div id="testDiv" style="width: 100px;height: 100px;overflow-y: scroll;padding: 20px;border: 1px solid #ccc;">
			<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		</div>
		<script type="text/javascript">
			var div = document.getElementById("testDiv");
			function divScroll(){
				var wholeHeight = div.scrollHeight;
				var scrollTop = div.scrollTop;
				var divHeight = div.clientHeight;
				console.log(divHeight);
				if(scrollTop + divHeight >= wholeHeight){
					alert('滚动到底部了');
				}
				if(scrollTop == 0){
					alert('滚动到头部了');
				}
			}
			div.onscroll = divScroll;
		</script>
	</body>

</html>

发布者

cylyiou

cylyiou

分享前端知识

支付宝扫码打赏微信打赏

如果文章对您有帮助,不妨移至上方按钮小额赞助我一下,让我有动力继续写出高质量的教程。

发表评论

电子邮件地址不会被公开。