offset 系列
offsetLeft(获取元素居左的距离,有定位距离父元素,都无定位距离浏览器)
offsetTop(获取元素居上的距离)
offsetWidth(获取元素宽度,包括边框,内边距,不包括外边距)
offsetHeight(获取元素高度)
offsetParent(获取元素定位父元素,父元素没有定位找body,如果自身为fixed固定定位,得到的是null)
scroll系列
scrollTop 和 scrollLeft(获取内容卷曲出去的高度和宽度)
scrollWidth 和 scrollHeight(获取元素实际宽高,盒子未超出时,获得盒子宽高,如果内容超出,获得内容实际宽高,当盒子有滚动条,不包括滚动条)
浏览器兼容适配:
var scrollTop = document. documentElement. scrollTop || window. pageYOffset || document. body.scrollTop
client系列
clientTop 和 clientLeft(获取上边框和左边框的宽度)
clientWidth 和 clientHeight(获取内部可视区域宽高,包括内边距,不包括边框,如有滚动条,不包括滚动条)