功能描述:滚到底才可以同意并注册
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
.main{
margin: 10px auto;
text-align: center;
}
.art{
margin: 10px auto;
width: 300px;
height: 500px;
overflow-y: scroll;
background-color: burlywood;
}
</style>
<script>
window.onload = function () {
var art = document.getElementsByClassName('art')[0]
var submit = document.getElementById('submit')
var agree = document.getElementById('agree')
art.onscroll = function () {
let height = art.clientHeight
let cha =Math.round( art.scrollHeight - art.scrollTop)
if(cha == height){
submit.disabled = false
agree.disabled = false
}
}
}
</script>
</head>
<body>
<div class="main">
<h3>欢迎亲爱的用户注册</h3>
<div class="art" >亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册 亲爱的用户,请仔细阅读以下协议,如果你不仔细阅读你就别注册</div>
<input type="checkbox" disabled value="我已阅读并同意" id="agree">我已阅读并同意
<br>
<input type="submit" disabled value="注册" id="submit">
</div>
</body>
</html>
gonggong