offsettop
定位参照点
offsettop 的定位是相对于 offsetparent 元素的
offsetParent的定义：与当前元素最近的经过定位(position不等于static)的父级元素
类似于绝对定位的参照点。
三种情况：
- position为fixed时，offsetParent为null，offsettop的值和top相等。此时元素是以视口来定位的。
- position非fixed，父级元素无定位（static）时，offsetParent为body
- position非fixed，父级元素有定位时，offsetParent为最近的有定位的父级元素。
offsetTop， offsetleft，offsetwidth，offsetheight
offsetWidth： 元素的宽(不含margin)
offsetHeight： 元素的高(不含margin)
offsetLeft：距离 offsetParent 最左边的距离
scrollTop 和 scrollLeft
元素：内部出现滚动条的元素这两个参数会有值。
scrollheight：整个元素的高度
scrollTop：向上滚动的高度
scrollLeft：向左滚动的高度
scrollWidth：整个元素的宽度
clientwidth 和 clientheight
clientWidth：可视区域的宽
clientHeight：可视区域的高
相关阅读
offsetTop,offsetHeight,clientHeight图解
动态的计算弹框距离外部元素的位置，即获取元素的offsetLeft、offsetTop、offsetWidth、offsetHeight，如果弹框的宽度（offsetWidth）+距
深度剖析offsetParent、offsetTop、offsetLeft和Paren
深度剖析offsetParent、offsetTop、offsetLeft和ParentNode的区别 ParentNode：是直接结构上的父级，并不是显示父级offsetParent:有
【JavaScript】全面解析offsetLeft、offsetTop
前言：偏移量，很多动画效果的实现都是通过去改变偏移量的改变来实现的，但是你真的完全了解offsetLeft，offsetTop吗？ 一、第一个小例
搞清clientHeight、offsetHeight、scrollHeight、offs
转载自：https://www.imooc.com/article/17571网页可见区域高：document.body.clientHeight网页正文全文高：document.body.scrollHeigh
彻底分清clientHeight，scrollHeight，offsetHeight，client
clientHeight，scrollHeight，offsetHeight clientHeight: 可理解为内部可视区高度，样式的height+上下padding scrollHeight: