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