对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
来源:互联网 发布:淘宝三叶草正品店 编辑:程序博客网 时间:2024/06/03 14:52
一直以来对offsetLeft,offsetTop,scrollLeft,scrollTop这几个方法很迷糊,花了一天的时间好好的学习了一下.得出了以下的结果:
1.offsetTop :
当前对象到其上级层顶部的距离.
不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.
2.offsetLeft :
当前对象到其上级层左边的距离.
不能对其进行赋值.设置对象到页面左部的距离请用style.left属性.
3.offsetWidth :
当前对象的宽度.
与style.width属性的区别在于:如对象的宽度设定值为百分比宽度,则无论页面变大还是变小,style.width都返回此百分比,而offsetWidth则返回在不同页面中对象的宽度值而不是百分比值
4.offsetHeight :
与style.height属性的区别在于:如对象的宽度设定值为百分比高度,则无论页面变大还是变小,style.height都返回此百分比,而offsetHeight则返回在不同页面中对象的高度值而不是百分比值
5.offsetParent :
当前对象的上级层对象.
注意.如果对象是包括在一个DIV中时,此DIV不会被当做是此对象的上级层,(即对象的上级层会跳过DIV对象)上级层是Table时则不会有问题.
利用这个属性,可以得到当前对象在不同大小的页面中的绝对位置.
1function GetPosition(obj)
2{
3 var left = 0;
4 var top = 0;
5
6 while(obj != document.body)
7 {
8 left = obj.offsetLeft;
9 top = obj.offsetTop;
10
11 obj = obj.offsetParent;
12 }
13
14 alert("Left Is : " + left + "/r/n" + "Top Is : " + top);
15}
6.scrollLeft :
对象的最左边到对象在当前窗口显示的范围内的左边的距离.
即是在出现了横向滚动条的情况下,滚动条拉动的距离.
7.scrollTop
对象的最顶部到对象在当前窗口显示的范围内的顶边的距离.
即是在出现了纵向滚动条的情况下,滚动条拉动的距离
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 对offsetLeft,offsetTop,scrollLeft,scrollTop几个属性的理解
- offsetWidth、offsetHeight、offsetLeft、offsetTop以及scrollTop,scrollLeft的个人理解
- offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法
- offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法
- offsetLeft,offsetTop,scrollLeft,scrollTop
- js的offsetLeft,scrollLeft,offsetTop,scrollTop等等的用法
- scrollTop scrollLeft的封装
- 文档滚动对 scrollTop scrollLeft的兼容性封装
- offsetTop.offsetLeft,offsetWidth,offsetHeight,offsetParent,scrollTop,scrollLeft,scrollWidth,scrollHeight区别
- html中offsetTop、offsetLeft、scrollLeft、scrollTop各属性介绍
- offsetLeft,offsetTop,offsetHeight,offsetWidth,scrollTop,scrollLeft,scrollHeight,scrollWidth
- scrollTop和scrollLeft的用法
- offsetTop和scrollTop的区别
- IDENTITY_INSERT 设置为 OFF 时 ...不能向表 '' 中的标识列插入显式值。
- 2.10 负向零宽度断言
- 在FreeBSD上使用mod_dosevasive对抗DDos攻击
- java对象的集合(下)
- Apache2安装后出现403 Forbidden 的原因
- 对offsetLet,offsetTop,scrollLeft,scrollTop几个方法的理解
- 同步、异步、阻塞和非阻塞
- NP问题浅述
- 用自动化获取当前活动文档的路径及名称
- ORACLE里设置列自动增长
- 2.9 零宽度断言
- 用 java 读取excel 文件里的时间格式数据时,24时制会自动转化为12时制,解决办法
- 十分钟让你看懂中国经济形势
- 用svn的post-commit钩子实现类似vss的shadow功能