视频链接:视频 代码:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#info{
				width: 500px;
				height: 500px;
				background-color: #6495ED;
				overflow: auto;
			}
		</style>
		<script type="text/javascript">
			window.onload=function(){
				/**
				 * 当垂直滚动条滚动到底时,使表单项可用
				 * onscroll滚动条滚动时触发
				 */
				var info=document.getElementById("info");
				//为info绑定一个滚动条滚动的事件
				info.onscroll=function(){
					if(info.scrollHeight-info.scrollTop<=info.clientHeight){
						
						inputs[0].disabled=false;
						inputs[1].disabled=false;
					}
				};
				var inputs=document.getElementsByTagName("input");
				
				
			};
		</script>
	</head>
	<body>
		<h3>用户协议</h3>
		<p id="info">
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
			亲爱的用户,请你仔细阅读以下协议。如果不阅读,会注册不了。
		</p>
		<input type="checkbox"  disabled="disabled"/>我已仔细阅读协议
		<input type="submit" value="注册" disabled="disabled"/>
	</body>
</html>