滚动事件
滚动触发元素：元素.addEventListener("scroll", function () { });
加载事件
加载元素：window.addEventListener('load', function () { })
元素大小和位置
offset家族
➢ 获取元素自身大小：包括自身设置的宽高、padding、border（内容+padding+border）
➢ 获取元素距离定位父级的左和上距离 只读属性
client家族（不常用）
➢ 获取元素可见区域的大小
➢ 获取元素左、上边框距离 只读属性
resize：在窗口尺寸改变的时候触发事件window.addEventListener('resize', function () {})
scroll家族
➢ 获取元素内容的总大小（内容+padding）
➢ 获取元素向左向上滚出去看不见的距离 可读写属性
注意事项：document.documentElement HTML 文档返回对象为HTML元素（检测页面滚动的头部距离（被卷去的头部）用这个属性）
