關於offsetTop的理解

2021-09-23 23:39:50 字數 389 閱讀 7999

1. offsettop:元素到offsetparent頂部的距離

2. offsetparent:距離元素最近的乙個具有定位的祖宗元素(relative,absolute,fixed),若祖宗都不符合條件,offsetparent為body。如下圖所示:獲取child的offsettop,圖1的offsetparent為father,圖2的offsetparent為body。

3. 注意:只有元素show(渲染完成)才會計算入offsettop,若是中間有元素資料需要非同步獲取,會導致最終獲取的offsettop值偏小

關於offsetTop的誤解

一直以為offset是子元素相對于父元素的距離,後來用了才知道是乙個坑,只存在於定位元素中 在做li的搜尋的定位的時候,為了得到li相對於ul的距離,本來也可以用li的高度相乘,但是用了offsettop,可是用上後發現得到的值怎麼都不對,最後在控制台找到他的offsetparent竟然不是ul,跑...

offsetTop和scrollTop的差別

近期想寫個元件,結果被這兩個屬性搞的有點暈,查了下文件和資料,對這兩個屬性總結例如以下 一直以來對offsetleft,offsettop,scrollleft,scrolltop這幾個方法非常迷糊,花了一天的時間好好的學習了一下 得出了下面的結果 1.offsettop 當前物件到其上級層頂部的距...

offsetTop和scrollTop的差別

近期想寫個元件,結果被這兩個屬性搞的有點暈,查了下文件和資料,對這兩個屬性總結例如以下 一直以來對offsetleft,offsettop,scrollleft,scrolltop這幾個方法非常迷糊,花了一天的時間好好的學習了一下 得出了下面的結果 1.offsettop 當前物件到其上級層頂部的距...