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（渲染完成）才會計算入offsetTop，若是中間有元素數(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)文章
CSS經(jīng)典實(shí)用技巧18招...2006-09-09
兼容各個瀏覽器的技巧...2006-09-09
認(rèn)識CSS中absolute與relative...2006-09-09
關(guān)于HTML的語義化標(biāo)簽和無語義化標(biāo)簽
這篇文章主要介紹了關(guān)于HTML的語義化標(biāo)簽和無語義化標(biāo)簽,語義化的標(biāo)簽，旨在讓標(biāo)簽有自己的含義，讓瀏覽器認(rèn)識這個標(biāo)簽所傳達(dá)的信息，是干什么的有什么作用,需要的朋友可以參考下2023-04-04
HTML技巧匯編...2006-09-09
這篇文章主要介紹了父div高度不能自適應(yīng)子div高度的解決方案,需要的朋友可以參考下2014-05-05
CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)
對于背景屬性background-image大家應(yīng)該已經(jīng)很熟悉了,通過這些屬性來控制背景圖片在容器中如何顯示,但我們也只能為容器提供一張背景圖片,如果我們想讓一個容器的背景用多張圖片實(shí)現(xiàn),那么我們該如何去做呢？再在容器里添加一些無用的元素嗎？2014-05-05
這篇文章主要介紹了關(guān)于CSS渲染:CSS是如何繪制顏色的,最常見的顏色相關(guān)的屬性就是 color 和 background-color,需要的朋友可以參考下2023-04-04
CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)
CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)...2006-08-08
word-wrap...2006-06-06