offsetTop用法詳解
更新時間：2021年08月14日 08:52:53 作者：jinxi1112
這篇文章主要介紹了offsetTop用法詳解,本篇文章通過簡要的案例,講解了該項技術的了解與使用,以下就是詳細內容,需要的朋友可以參考下
1. offsetTop：元素到offsetParent頂部的距離
2. offsetParent：距離元素最近的一個具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合條件，offsetParent為body。如下圖所示：獲取child的offsetTop，圖1的offsetParent為father，圖2的offsetParent為body。
3. 注意：只有元素show（渲染完成）才會計算入offsetTop，若是中間有元素數據需要異步獲取，會導致最終獲取的offsetTop值偏小
到此這篇關于offsetTop用法詳解的文章就介紹到這了,更多相關offsetTop用法內容請搜索腳本之家以前的文章或繼續(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
相關文章
CSS經典實用技巧18招...2006-09-09
兼容各個瀏覽器的技巧...2006-09-09
認識CSS中absolute與relative...2006-09-09
這篇文章主要介紹了關于HTML的語義化標簽和無語義化標簽,語義化的標簽，旨在讓標簽有自己的含義，讓瀏覽器認識這個標簽所傳達的信息，是干什么的有什么作用,需要的朋友可以參考下2023-04-04
HTML技巧匯編...2006-09-09
這篇文章主要介紹了父div高度不能自適應子div高度的解決方案,需要的朋友可以參考下2014-05-05
CSS3實例分享之多重背景的實現(Multiple backgrounds)
對于背景屬性background-image大家應該已經很熟悉了,通過這些屬性來控制背景圖片在容器中如何顯示,但我們也只能為容器提供一張背景圖片,如果我們想讓一個容器的背景用多張圖片實現,那么我們該如何去做呢？再在容器里添加一些無用的元素嗎？2014-05-05
這篇文章主要介紹了關于CSS渲染:CSS是如何繪制顏色的,最常見的顏色相關的屬性就是 color 和 background-color,需要的朋友可以參考下2023-04-04
CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)
CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)...2006-08-08
word-wrap...2006-06-06