1.javascript部分
<script>
window.onload=function(){
var checbox=document.getElementById("checkbox");
var sub=document.getElementById("sub");
var scroll=document.getElementById("srcoll");
//触发条件是滚动条滚动
scroll.onscroll=function(){
//当滚动条到底的时候，作为判断条件
if(scroll.scrollHeight-scroll.scrollTop==scroll.clientHeight){
//disabled，赋值false，变成不可用
checbox.disabled=false;
sub.disabled=false;
}
};
sub.onclick=function(){
alert("提交成功!!");
};
};
</script>
2.body部分
<body>
<div id="srcoll">
内容不一定要多丰富，但是一定要有自己的想法
如果想要写好文章，最好首先要有一个谱子
当然心中有个合适的框架，大体的故事脉络也很重要
如果你问我喜欢的歌是什么，那么一定是
越过山丘，你还身骑白马，一心只想要那个王柏川
可是世界上哪有那么多的可能
遇到你想要的人
只能说是走走看看，人生的乐趣完全在于体会
如果只是寻找的话，那么将毫无意义
虽然寻找也可能是被赋予的意义
那么终究会失去很多
那是你不愿意失去，也不愿意忘记的过程
整个过程是那么的和谐
天人合一
整个人都得到了极大的升华
<br />
</div>
<input type="checkbox" disabled="disabled" id="checkbox">我已仔细阅读条款
<br />
<input type="submit" value="确定" disabled="disabled" id="sub">
</body>
3.style部分
<style>
#srcoll{
width:150px;
height:200px;
/*overflow:auto 出现滚动条*/
overflow: auto;
}
</style>
关键点：利用overflow：auto做出滚动条
判断条件：
scroll.scrollHeight-scroll.scrollTop==scroll.clientHeight
复选框、提交按钮不可用：disabled=“disabled”
设置为可用：disabled=false;
不可选中状态：
可选中状态：
扫一扫
443
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
