原生js获取元素位置
clientHeight(只读):它是元素内部的高度(以像素为单位),包含内边距,但不包括边框、外边距和水平滚动条(如果存在)

clientWidth(只读):它是元素内部的宽度(以像素为单位)。该属性包括内边距(padding),但不包括边框(border)、外边距(margin)和垂直滚动条(如果存在)。

clientLeft(只读):表示一个元素的左边框的宽度,以像素表示
clientTop(只读):一个元素顶部边框的宽度(以像素表示)
Element.scrollHeight(只读) 只读属性是一个元素内容高度的度量,包括由于溢出导致的视图中不可见内容。包括元素的内边距,但不包括元素的边框、外边距以及水平滚动条
Element.scrollLeft 属性可以读取或设置元素滚动条到元素左边的距离。
Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数。
HTMLElement.offsetHeight 是一个只读属性,它返回该元素的像素高度,高度包含该元素的垂直内边距和边框,且是一个整数。
HTMLElement.offsetLeft 是一个只读属性,返回当前元素左上角相对于 HTMLElement.offsetParent 节点的左边界偏移的像素值。
HTMLElement.offsetTop 为只读属性,它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。