javascript中制作滾動代碼的常用屬性。
假設(shè) obj 為某個 HTML 控件。
obj.offsetTop 指 obj 距離上方或上層控件的位置,整型,單位像素。
obj.offsetLeft 指 obj 距離左方或上層控件的位置,整型,單位像素。
obj.offsetWidth 指 obj 控件自身的寬度,整型,單位像素。
obj.offsetHeight 指 obj 控件自身的高度,整型,單位像素。
關(guān)于offsetTop的理解:
1. offsetTop:元素到offsetParent頂部的距離
2. offsetParent:距離元素最近的一個具有定位的祖宗元素(relative,absolute,fixed),若祖宗都不符合條件,offsetParent為body。如下圖所示:獲取child的offsetTop,圖1的offsetParent為father,圖2的offsetParent為body。
3. 注意:只有元素show(渲染完成)才會計算入offsetTop,若是中間有元素數(shù)據(jù)需要異步獲取,會導致最終獲取的offsetTop值偏小。