offsettop和scrolltop的区别

作者&投稿:妫轰 (若有异议请与网页底部的电邮联系)
javascript中scrollTop和offsetTop有啥区别~

scrollTop是指某个可滚动区块向下滚动的距离,offsetTop则是元素的上边框与父元素的上边框的绝对距离。
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时则不会有问题.
利用这个属性,可以得到当前对象在不同大小的页面中的绝对位置.
6.scrollLeft :
对象的最左边到对象在当前窗口显示的范围内的左边的距离.
即是在出现了横向滚动条的情况下,滚动条拉动的距离.
7.scrollTop
对象的最顶部到对象在当前窗口显示的范围内的顶边的距离.
即是在出现了纵向滚动条的情况下,滚动条拉动的距离.

8.测试offsetTop和scrollTop的html代码



New Document

<!--
function test(){
var oIframe = document.getElementById("div1");
alert(oIframe.offsetTop);
alert(oIframe.scrollTop);
}
//-->











scrollTop是指某个可滚动区块向下滚动的距离,比如向下滚动了10个像素,那么这个元素的scrollTop属性值就是10;
offsetTop则是元素的上边框与父元素的上边框的绝对距离。
两者描述的不是同一个东西,所以没有可比性。
【TSD。M】

1)element.scrollTop 返回该元素当前垂直滚动的距离,比如100(无单位)
2)element.scrollTop = 100 将该元素垂直滚动的距离设置为100,注意100为绝对值,而不是相对值。比如当前元素垂直滚动距离 element.scrollTop = 200,则设置完后,该元素垂直滚动的距离为100,而不是100+200
--------------------------------------------------------------------------
返回该元素相对于其offsetParent顶部的距离,至于offsetParent,指的是距离该元素最近的定位元素,如下所示
<div id="p"><a> <span id="c"></span> </a></div>, P为C的offsetParent,offsetTop则为C距离P顶部的距离


常宁市15391199865: scrollTop和offsetTop的区别 -
毓谈培磊: scrollTop是指某个可滚动区块向下滚动的距离,比如向下滚动了10个像素,那么这个元素的scrollTop属性值就是10;offsetTop则是元素的上边框与父元素的上边框的绝对距离.两者描述的不是同一个东西,所以没有可比性.

常宁市15391199865: JAVASCRIPT中offsetTop和scrollTop的不同处 -
毓谈培磊: 另外基于一楼的补充一点,这两个属性都是当前对象(想象成一个矩形)的上边距离窗口顶端的距离.

常宁市15391199865: 在Javascrip中scrollTop和offsetTop两个属性都代表什么意思,谢谢 -
毓谈培磊: scrollTop设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离<br>offsetTop获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置<br><br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...

常宁市15391199865: offsetTop和scrollTop的区别 -
毓谈培磊: 1、1)element.scrollTop 返回该元素当前垂直滚动的距离,比如100(无单位)2)element.scrollTop = 100 将该元素垂直滚动的距离设置为100,注意100为绝对值,而不是相对值.比如当前元素垂直滚动距离 element.scrollTop = 200,则设置完...

常宁市15391199865: offsetTop和scrollTop有什么区别啊?scrollHeight: ”获取对象的滚动高度“,这个高度指的是 -
毓谈培磊: offsettop是相对的距离高度,而scrolltop是绝对的距离高度(类似于position中的absolutely和relative);是.

常宁市15391199865: offsetHeight 、offsetTop、scrollTop三者的意思和区别 -
毓谈培磊: offsetHeight = 内容可视区域的高度+ 滚动条 + 边框.obj.offsetTop 指 obj 距离上方或上层控件的位置 scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置.

常宁市15391199865: 请教一个关于javascript中offsetTop和scrollTop的问题 -
毓谈培磊: 1、当元素的父容器没有指定定位方式时,指元素与body元素之间的偏移距离;2、当对父容器指定定位方式(如:position:relative;)时,则指元素与父容器之间的偏移距离;所以,当没有指定定位方式时,代码中的colee2.offsetTop值已经是元素colee2与body元素之间的偏移距离了.当这部分代码置入页面上方top:0处时,自然没有问题.但是,如果插入到页面下方时,colee2.offsetTop值就已经不再是top:0了,自然就出现位移偏差了,以致滚动执行不正确!解决办法:只需在colee的css样式中加入”position:absolute”即可.即:

常宁市15391199865: scroll,offset和client的区别 -
毓谈培磊: 1.clientX与clientYwindow.onload=function(){document.onclick=function(ev){var oEvent=ev||event;alert(oEvent.clientX+","+oEvent.clientY);}}oEvent.clientX是指鼠标到可视区左边框的距离.oEvent.clientY是指鼠标到可视区上边框的距离.2....

常宁市15391199865: offsetHeight 和offsetTop有什么区别?? -
毓谈培磊: offsetHeight = 内容可视区域的高度+ 滚动条 + 边框.offsetTop = 当前标签距离上方或上层控件的位置

常宁市15391199865: offsetWidth 和 scrollWidth 有什么区别?
毓谈培磊: scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网