offsetTop用法詳解
更新時間：2021年08月14日 08:52:53 作者：jinxi1112
這篇文章主要介紹了offsetTop用法詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下
1. offsetTop：元素到offsetParent頂部的距離
2. offsetParent：距離元素最近的一個具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合條件，offsetParent為body。如下圖所示：獲取child的offsetTop，圖1的offsetParent為father，圖2的offsetParent為body。
3. 注意：只有元素show（渲染完成）才會計算入offsetTop，若是中間有元素數(shù)據(jù)需要異步獲取，會導致最終獲取的offsetTop值偏小
到此這篇關于offsetTop用法詳解的文章就介紹到這了,更多相關offsetTop用法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- 簡單談談offsetleft、offsetTop和offsetParent
- JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學習筆記
- 獲取offsetTop和offsetLeft值的js代碼(兼容)
- js中top、clientTop、scrollTop、offsetTop的區(qū)別 文字詳細說明版
- Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight屬性
- 獲取任意Html元素與body之間的偏移距離 offsetTop、offsetLeft （For:IE5＋ FF1 ）[
- 在IE下：float屬性會影響offsetTop的取值
- top、clientTop、scrollTop、offsetTop
相關文章
重構(gòu)、標準、布局...2006-09-09
CSS2快速參考...2006-08-08
這篇文章主要介紹了HTML clearfix清除浮動講解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下2021-08-08
用CSS構(gòu)建iframe效果...2006-09-09
CSS實現(xiàn)光滑圓角效果...2006-09-09
alt屬性和title屬性...2006-09-09
圖片翻轉(zhuǎn)菜單技術研究...2006-09-09
這篇文章主要介紹了flex布局下兩端對齊，不滿左對齊,需要的朋友可以參考下2022-12-12
在DIV+CSS排版中新聞列表的制作方法...2006-09-09
今天要講的window.getComputedStyle ，就像剛接觸JS的時候，看到 document.getElementById一樣，名字都這么長，頓生怯意。不過莫慌，我覺得如果我們不是只想做一個混飯吃的前端，那么越是底層的東西，如果能夠吃透它，越是能讓人進步。2021-05-05