onscroll

2020-11-27 10:28:32 阅读：195 来源： 互联网

	<style type="text/css">
		#info{
			width: 500px;
			height: 500px;
			background: #00FF00;
			overflow: auto;
		}
	</style>

	<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哈哈~
	</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>

标签：info,信息,onscroll,哈哈,注册,input,输入您
来源： https://blog.csdn.net/weixin_51958409/article/details/110222741

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

onscroll