jsoffsetTop和offsetLeft實例分析
來源：懂視網
責編：小采
時間：2020-11-27 20:32:07
jsoffsetTop和offsetLeft實例分析
jsoffsetTop和offsetLeft實例分析:offsetTop：以 CSS 像素為單位返回元素上邊框距其 offsetParent 上邊框的距離。 offsetLeft：以 CSS 像素為單位返回元素相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置。 這里最主要的是找準 offsetParent。 其實很簡單，比如
導讀jsoffsetTop和offsetLeft實例分析:offsetTop：以 CSS 像素為單位返回元素上邊框距其 offsetParent 上邊框的距離。 offsetLeft：以 CSS 像素為單位返回元素相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置。 這里最主要的是找準 offsetParent。 其實很簡單，比如
offsetTop：以 CSS 像素為單位返回元素上邊框距其 offsetParent 上邊框的距離。
offsetLeft：以 CSS 像素為單位返回元素相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置。
這里最主要的是找準 offsetParent。
其實很簡單，比如我們要計算A元素的 offsetTop， 那么先要找到A元素的offsetParent，A元素的offsetParent應該是離A元素最近的父元素，并且父元素設置了position：relative或absolute屬性，如果沒有匹配到任何父元素，那么應該以窗口為基準計算元素的offsetTop。
下面用實例來說明：
;
? ? 300X200的盒子
? ?
? ? ? ? offsetTop詳解
? ?
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jsoffsetTop和offsetLeft實例分析
jsoffsetTop和offsetLeft實例分析:offsetTop：以 CSS 像素為單位返回元素上邊框距其 offsetParent 上邊框的距離。 offsetLeft：以 CSS 像素為單位返回元素相對于版面或由 offsetParent 屬性指定的父坐標的計算左側位置。 這里最主要的是找準 offsetParent。 其實很簡單，比如
