scrollLeft 和 scrollTop

• 页面/元素被卷去的头部和左侧（滚动），可读写
• scrollLeft --获取被卷去的左侧的距离
• scrollTop --获取被卷去的头部的距离
• 注意： 这两个值是可读写的
• 
• 

offsetLeft 和 offsetTop

• 获取元素距离自己有定位父级元素的左、上距离，跟绝对定位类似。
• 如果父级都没有定位则以浏览器文档为准。
• 返回的是数字不带单位，并且是只读属性

offsetWidth 和 offsetHeight

• 获取元素的自身宽高、包含元素自身设置的宽高、padding、border。
• 返回的是数字不带单位，并且是只读属性

clientWidth 和 clientHeight

• 元素大小，不包含border、padding等，只读
• 计算clientWidth和clientHeight时，边框，边距或滚动条(如果存在)被排除在外
• 这些属性是不带px的，返回都是数字，可以直接计算
• 这些属性只能只读，不能修改

pageXOffset 和 pageYOffset

• 是Window对象
• window.pageXOffset
• window.pageYOffset
• pageXOffset 和 pageYOffset 属性返回文档在窗口左上角水平和垂直方向滚动的像素。
• pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
• pageXOffset 和 pageYOffset 属性相等于 scrollX 和 scrollY 属性。
• 这些属性是只读的。