<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>