scrollTop和offsetTop的区别，scrollTopLeft和offsetLeft的区别

scrollTop和offsetTop的区别：
scrollTop是指某个可滚动区块向下滚动的距离，比如向下滚动了10个像素，那么这个元素的scrollTop属性值就是10，这个属性的值是可读写的，且不需要设置position
offsetTop则是元素的上边框与父元素的上边框的绝对距离。

scrollLeft：设置或获取对象最左端和对象内容的最左端之间的距离，这个属性的值是可读写的
offsetLeft：获取对象相对于版面或由offsetParent属性指定的父坐标的左侧位置。

调用scrollLeft和scrollTop必须在父元素上，否则无效

taget.style.top 是作用于具体元素的，而不是作用于父元素，要想起作用必须设置position值

时间： 2024-11-05 04:16:54

scrollTop和offsetTop的区别，scrollTopLeft和offsetLeft的区别的相关文章

js中的各种“位置”——“top、clientTop、scrollTop、offsetTop……”，你知道多少

当要做一些与位置相关的插件或效果的时候,像top.clientTop.scrollTop.offsetTop.scrollHeight.clientHeight.offsetParent...看到这么多单词,而且长得那么像,是不是懵X了! 第一次看到这图,说实话有点被吓到... ============================分割线====================================== offsetParent:该属性返回一个对象的引用,这个对象是距离调用offse

花点时间搞清top、clientTop、scrollTop、offsetTop

[转贴]花点时间搞清top.clientTop.scrollTop.offsetTop scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由 off

js “top、clientTop、scrollTop、offsetTop…”

shell逻辑运算总结, 包括[[]]与[]的区别，&&与-a的区别，||与-o的区别

1. 关于文件和目录 -f 判断某普通文件是否存在 -d 判断某目录是否存在 -b 判断某文件是否块设备 -c 判断某文件是否字符设备 -S 判断某文件是否socket(待修正) -L 判断某文件是否为符号链接(待修正) -e 判断某东西是否存在(待修正) -p 判断某文件是否为pipe 或是 FIFO 2. 关于文件的属性 -r 判断文件是否为可读的属性 -w 判断文件是否为可以写入的属性 -x 判断文件是否为可执行的属性 -s 判断文件是否为非空白文件 -u 判断文

mouseover与mouseenter与mousemove的区别mouseout与mouseleave的区别

YV12和I420的区别 yuv420和yuv420p的区别（转）

原文转自 https://blog.csdn.net/dgyanyong/article/details/44491253 YV12和I420的区别一般来说,直接采集到的视频数据是RGB24的格式,RGB24一帧的大小size＝width×heigth×3 Bit,RGB32的size＝width×heigth×4,如果是I420(即YUV标准格式4:2:0)的数据量是 size＝width×heigth×1.5 Bit. 在采集到RGB24数据后,需要对这个格式的数

& 和 && 区别和联系，| 和 || 区别和联系

& 和 && 区别和联系,| 和 || 区别和联系,实际项目中,什么情况用哪种? 首先,& 和 && 的联系(共同点): & 和 && 都可以用作逻辑与运算符,但是要看使用时的具体条件来决定. 情况1:当上述的操作数是boolean类型变量时,& 和 && 都可以用作逻辑与运算符. 情况2:当上述的表达式是boolean类型变量时,& 和 && 都可以用作逻辑与运算符. 表示逻辑与(

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

之前在修改IE6下的一个显示bug时,查到过这些,贴这备忘,后面给出了详细说明,以前的版本,没仔细的说明,特希望大家也收藏下. 网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.

javascript中scrollTop和offsetTop的区别

scrollTop是指某个可滚动区块向下滚动的距离,offsetTop则是元素的上边框与父元素的上边框的绝对距离. 1.offsetTop : 当前对象到其上级层顶部的距离. 不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性. 2.offsetLeft : 当前对象到其上级层左边的距离. 不能对其进行赋值.设置对象到页面左部的距离请用style.left属性. 3.offsetWidth : 与style.width属性的区别在于:如对象的宽度设定值为百分比宽度