setOff与scrollTop区别

原创 2017年01月03日 15:03:16
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
对象的最顶部到对象在当前窗口显示的范围内的顶边的距离.
即是在出现了纵向滚动条的情况下,滚动条拉动的距离.
版权声明:本文未经博主允许不得转载。

相关文章推荐

offsetTop,offsetHeight,scrollHeight,scrollTop的区别

假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。 obj.offsetHeight 指 obj 控件自身的高度,整型,单位像素...

document.documentElement.scrollLeft 与document.body.scrollTop区别

问题描述 针对获取页面的垂直滚动条的位置,IE Firefox Opera 标准模式下使用 document.documentElement.scrollLeft 获取页面的水平滚动条位置,而混杂模...

Element.scrollTop以及documentElement与body之间的区别

1、各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 ; ...

scrollTop clientTop offsetTop scrollHeight clientHeight clientWidth的区别及用法

这几个属性做滚动时会经常用到,现总如下: 首先定义一个div,样式如下: *{ margin:0px; padding:0px;} body{ margin:0px; padding:10p...

offsetTop clientX pageX screenX scrollTop之间的区别以及代码实现

边界尺寸 var a= e.pageX;//鼠标在页面中的坐标位置,可能大于整个屏幕 var ay= e.pageY;//鼠标在页面中的坐标位置,可能大于整个屏幕 //console.log...
  • theowl
  • theowl
  • 2015年07月21日 14:14
  • 673

js中top、clientTop、scrollTop、offsetTop的区别

网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offs...

js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offset...
  • ben1247
  • ben1247
  • 2011年02月12日 17:26
  • 414
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:setOff与scrollTop区别
举报原因:
原因补充:

(最多只允许输入30个字)