js滚动条滚动到底部和顶部

程序员库里

于 2017-09-09 17:13:56 发布

阅读量4.5k

点赞数 1

分类专栏： js

本文链接：https://blog.youkuaiyun.com/chaofei_liang/article/details/77916463

版权

js 专栏收录该内容

12 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.scrolldiv{
			width: 500px;
			height: 400px;
			margin: 1000px auto 100px auto;
			background: #f00;
		}
	</style>
</head>
<body>
<div class="scrolldiv"></div>


<script type="text/javascript">
	function scrollBottomOrTop(){
		var clients=window.innerHeight || document.documentElement.clientHeight||document.body.clientHeight;
		var scrollTop=document.body.scrollTop;
		var wholeHeight=document.body.scrollHeight;
		if(clients+scrollTop>=wholeHeight){
			alert('我到底部了');
		}
		if(scrollTop==0){
			alert('我到顶部了');
		}
	}
	window.οnscrοll=scrollBottomOrTop;
</script>
</body>
</html>