scrollLeft,scrollTop,滚动代码的总结
来源:互联网 发布:柯桥司法拍卖淘宝网 编辑:程序博客网 时间:2024/05/15 05:01
今天和兄弟一起研究了一下横向和竖向图片滚动的代码,很兴奋,因为解决了几个小问题
第一个:
for(var i=1;i<50;i++)
{
document.getElementById("TextBox1").scrollTop++;
document.getElementById("TextBox1").scrollLeft++;
}
我刚开始的时候写成了
for(int i=1;i<50;i++)
{
//document.getElementById("TextBox1").scrollTop++;
document.getElementById("TextBox1").scrollLeft++;
}
IE提示错误,Exception ;我半天不知道怎么回事,最后才发现是犯了个很低级的错误,javascript中的
变量用var定义,可以不定义!
下面入正题
clientHeight
大家对 clientHeight 都没有什么异议,都认为是内容可视区域的高度,也就是说页面浏览器中可以看
到内容的这个区域的高度。
offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度,可以小于 clientHeight。
scrollHeight
IE、Opera 认为 scrollHeight 是网页内容实际高度,可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度,不过最小值是 clientHeight。
简单地说
clientHeight 就是透过浏览器看内容的这个区域高度。
NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度,只不过当网页内容高度小于等于
clientHeight 时,scrollHeight 的值是 clientHeight,而 offsetHeight 可以小于 clientHeight。
IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。
scrollHeight 则是网页内容实际高度。
同理
clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同,只是把高度换成宽度即可。
说了半天还是给个图吧
那么当容器如div中的table的宽大与定义的div的宽的时候,这个时候ScrollLeft++是可以起作用的!
example
- scrollLeft,scrollTop,滚动代码的总结
- scrollLeft,scrollTop,滚动代码的总结
- scrollLeft,scrollTop,滚动代码的总结
- scrollLeft,scrollTop,滚动代码的总结
- scrollLeft,scrollTop,滚动代码的总结
- scrollLeft,scrollTop,滚动代码的总结
- scrollTop, scrollLeft 滚动条距离
- 文档滚动对 scrollTop scrollLeft的兼容性封装
- scrollTop scrollLeft的封装
- scrollTop和scrollLeft的用法
- scrollleft和scrolltop使用的注意事项
- 有关窗口的scrollTop及scrollLeft属性
- 浏览器关于scrollTop scrollLeft的兼容性
- offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法
- 浏览器关于scrollTop scrollLeft的兼容性
- offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法
- 封装自己的scrollTop和scrollLeft
- 页面滚动时的位置:为了兼容浏览器,封装自己的scrollTop和scrollLeft(内含“怪异模式”)
- 进程集合的简易实现
- textwrap模块1-fill()
- Fixjs——显示容器基类DisplayObjectContainer
- HDU 2473 Junk-Mail Filter
- cocos2d-x colorlayer颜色布景层
- scrollLeft,scrollTop,滚动代码的总结
- “Ping”的幕后过程
- Dom用法速查大全
- ios UIVIEW window 的组织结构
- 安卓使用http下载文件
- Python Exercise #30
- 利用win7计划任务本地执行php脚本
- 使用尺寸(dimen)资源
- [Object C]object c中完成将xml转换为json