js中offsetTop啥意思，js中offsetleft

offsetTop和scrollTop的区别

1、scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。

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

3、offsetTop是自身的y坐标；scrollTop是滚动过的y长度。

相关问答

Q1: js中的offset都是干什么用的

1、offset不单单只有Left 还有offsetTop offsetWidth offsetHeight 都是JS里很有用的属性。(PS：此属性当父元素没有position时有效，有父元素时将是判断距离父元素的距离）。

2、offsetParent：当前容器的父级并且是已进行过CSS定位的容器元素。

3、scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。

4、pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。

Q2: JS如何判断元素相对于父窗口的绝对位置?

getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top， right， bottom， left等属性。offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。

绝对相对于父元素的位置。position：relative 相对于父元素的相对位置。与absolute的区别是，relative与元素之间不可能交叉重叠。position：static 静态位置。这个是个默认值。使用了这个属性，它的作用就与table差不多了。

值默认为0，没有设置这些属性的话，和使用static放的位置是一样的，可以最为absolute的子元素的参考坐标。fixed也是绝对定位，但是这个绝对定位是相对于窗口的，并且始终相对于窗口的，不管父元素的position是什么值。

position：absolute； 表示绝对定位，位置将依据浏览器左上角的0点开始计算，绝对定位使元素与文档流无关，因此不占据空间。普通文档流中其这元素的布局就像绝对定位的元素不存在时一样。它相对于最近的已定位的祖先元素。

关于js中offsetTop啥意思和js中offsetleft的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。