offsetTop用法詳解
更新時(shí)間：2021年08月14日 08:52:53 作者：jinxi1112
這篇文章主要介紹了offsetTop用法詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
1. offsetTop：元素到offsetParent頂部的距離
2. offsetParent：距離元素最近的一個(gè)具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合條件，offsetParent為body。如下圖所示：獲取child的offsetTop，圖1的offsetParent為father，圖2的offsetParent為body。
3. 注意：只有元素show（渲染完成）才會(huì)計(jì)算入offsetTop，若是中間有元素?cái)?shù)據(jù)需要異步獲取，會(huì)導(dǎo)致最終獲取的offsetTop值偏小
到此這篇關(guān)于offsetTop用法詳解的文章就介紹到這了,更多相關(guān)offsetTop用法內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
- 簡(jiǎn)單談?wù)刼ffsetleft、offsetTop和offsetParent
- JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等屬性學(xué)習(xí)筆記
- 獲取offsetTop和offsetLeft值的js代碼(兼容)
- js中top、clientTop、scrollTop、offsetTop的區(qū)別 文字詳細(xì)說(shuō)明版
- Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight屬性
- 獲取任意Html元素與body之間的偏移距離 offsetTop、offsetLeft （For:IE5＋ FF1 ）[
- 在IE下：float屬性會(huì)影響offsetTop的取值
- top、clientTop、scrollTop、offsetTop
相關(guān)文章
CSS經(jīng)典實(shí)用技巧18招...2006-09-09
兼容各個(gè)瀏覽器的技巧...2006-09-09
認(rèn)識(shí)CSS中absolute與relative
認(rèn)識(shí)CSS中absolute與relative...2006-09-09
關(guān)于HTML的語(yǔ)義化標(biāo)簽和無(wú)語(yǔ)義化標(biāo)簽
這篇文章主要介紹了關(guān)于HTML的語(yǔ)義化標(biāo)簽和無(wú)語(yǔ)義化標(biāo)簽,語(yǔ)義化的標(biāo)簽，旨在讓標(biāo)簽有自己的含義，讓瀏覽器認(rèn)識(shí)這個(gè)標(biāo)簽所傳達(dá)的信息，是干什么的有什么作用,需要的朋友可以參考下2023-04-04
HTML技巧匯編...2006-09-09
這篇文章主要介紹了父div高度不能自適應(yīng)子div高度的解決方案,需要的朋友可以參考下2014-05-05
CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)
對(duì)于背景屬性background-image大家應(yīng)該已經(jīng)很熟悉了,通過(guò)這些屬性來(lái)控制背景圖片在容器中如何顯示,但我們也只能為容器提供一張背景圖片,如果我們想讓一個(gè)容器的背景用多張圖片實(shí)現(xiàn),那么我們?cè)撊绾稳プ瞿?？再在容器里添加一些無(wú)用的元素嗎？2014-05-05
這篇文章主要介紹了關(guān)于CSS渲染:CSS是如何繪制顏色的,最常見(jiàn)的顏色相關(guān)的屬性就是 color 和 background-color,需要的朋友可以參考下2023-04-04
CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)
CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)...2006-08-08
word-wrap...2006-06-06