javascript(onscroll)

最新推荐文章于 2024-02-10 09:00:00 发布
小小阿星
最新推荐文章于 2024-02-10 09:00:00 发布
阅读量124
点赞数
文章标签： javascript
本文链接：https://blog.csdn.net/weixin_47591145/article/details/110223026
版权
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#info{
				width: 500px;
				height: 500px;
				background: #00FF00;
				overflow: auto;
			}
		</style>
	</head>
	<body>
		<h1>欢迎进行用户信息注册</h1>
		<p id="info">
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
			请输入您要注册的信息O(∩_∩)O哈哈~
		</p>
		<input type="text" disabled>
		<input type="submit" disabled>
		<script type="text/javascript">
			/* 
			 当页面滚动到底部时，将input框设置为disabled = false
			 */
			// 获取p标签 对象
			var info = document.getElementById("info")
			// 获取input标签 数组
			var input = document.getElementsByTagName("input")
			console.log(info,input)
			// 为info绑定一个滚动事件
			info.onscroll = function(){
				// console.log(123)
				console.log("scrollHeight"+info.scrollHeight)
				console.log("scrollTop"+info.scrollTop)
				console.log("clientHeight"+info.clientHeight)
				if(info.scrollHeight - info.scrollTop == info.clientHeight){
					input[0].disabled = false
					input[1].disabled = false
				}
			}
		</script>
	</body>
</html>