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

Posted 点点乐淘淘

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scrollTop和offsetTop的区别,scrollTopLeft和offsetLeft的区别相关的知识,希望对你有一定的参考价值。

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

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

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

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

以上是关于scrollTop和offsetTop的区别,scrollTopLeft和offsetLeft的区别的主要内容,如果未能解决你的问题,请参考以下文章

javascript中scrollTop和offsetTop的区别

关于offsetTop offsetHeight clientHeight scrollHeight scrollTop的区别研究

js的各种位置,比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别?

scrollTop和scrollPath有啥区别?

请教一个关于javascript中offsetTop和scrollTop的问题

关于jquery.scrollTop()和Dom的offsetTop