我們先來看看下面的圖：

scrollLeft:設置或獲取位于給定對象左邊界與窗口中目前可見內容的最左端之間的距離?，即左邊灰色的內容。

scrollTop:設置或獲取位于對象最頂端與窗口中可見內容的最頂端之間的距離?，即上邊灰色的內容。

offsetLeft:獲取指定對象相對于版面或由?offsetParent?屬性指定的父坐標的計算左側位置?。

offsetTop:獲取指定對象相對于版面或由?offsetParent?屬性指定的父坐標的計算頂端位置 。

注意:

1. 區分大小寫

2.?offsetParent：布局中設置postion屬性(Relative、Absolute、fixed)的父容器，從最近的父節點開始，一層層向上找，直到HTML的body。

轉載于:https://www.cnblogs.com/binhuguang/p/4325849.html

總結

以上是生活随笔為你收集整理的20.网页卷去的距离与偏移量的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。