scroll 翻译过来就是滚动的，我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。
image.png
image.png

页面被卷去的头部

如果浏览器的高（或宽）度不足以显示整个页面时，会自动出现滚动条。当滚动条向下滚动时，页面上面被隐藏掉的高度，我们就称为页面被卷去的头部。滚动条在滚动时会触发 onscroll 事件。

offset client scroll三者的区别

offset一般来获取元素的在可视窗口的位置 它的宽度是包含边框+内间距+宽度
client 一般来获取元素的宽度 它的宽度是包含内间距+宽度
scroll 一般获取滚动的高度、内容卷上去的高度 它的宽度是包含内间距+宽度