offset家族
offset:获取元素 ‘自身’真实宽高与位置
offsetWidth/offsetHeight :自身宽高 = content(width) + padding + border
offsetLeft/offsetTop :自身位置 = 自己 左/上 外边框 到定位父元素 上/左 内边框距离
应用场景 : 获取盒子尺寸
scroll家族
scroll :获取 ‘内容’ 宽高和位置
scrollWidth/scrollHeight :内容宽高
scrollLeft/scrollTop :内容位置 : 滚动条滚动的距离
应用场景:固定导航,电梯导航
client家族
client:获取 ‘可视区域’ 宽高和位置
clientWidth/clientHeight :可视区域宽高
clientLeft/clientTop :可视区域位置(左/上边框宽度)
应用场景:响应式布局,横竖屏适配