js滚动条

scrollLeft-------获取水平滚动条的距离
scrollTop-------获取垂直滚动条的距离
clientHeight--------当前滚动可见区域(这个值是固定的)
scrollHeight---------整个滚动条滚动区域的高度
element.scrollHeight-element.scrollTop=element.clientHeight--------判断滚动条是否滚动到底部

<style>
#info{
width:200px;
height:300px;
background-color:#bfa;
overflow:auto;
 }
</style>
<script>
window.onload=function(){
var input=document.getElementsByTagName("input");
var info=document.getElementById("info");
info.onscroll=function(){
if(info.scrollHeight-info.scrollTop==info.clientHeight){
//disabled为Flase是不禁用 为true是不禁用
input[0].disabled=false;
input[1].disabled=false;
}
}
}
</script>
<body>
<h3>欢迎注册</h3>
<p id="info">html中submit和button二者都以按钮的形式展现,看起来都是按钮,
所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单。
submit和button两者主要区别在于:
1、submit默认为form提交,可以提交表单(form)。submit其实是button的一个特例,
也是button的一种,它把提交这个动作自动集成了。
2、button作为普通的按钮则响应用户自定义的事件,如果不指定onclick等事件处理函数,
它是不做任何事情,不会自动提交表单数据。当然,button也可以通过JS代码完成表单提交的工作。
比如: onclick="document.form1.submit()"3、如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,
通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,
对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return truefalse</p>

<!-- 如果将表单项添加disabled=“disabled”则表单项将变成不可用状态 -->
<input type="checkbox" disabled="disabled">我已经阅读了协议
<input type="submit" value="注册" disabled="disabled">
</body>

**当滚动条滚动到最下面时 表单中的按钮才可以使用
**

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值