Element.getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。

在工作的项目中使用的递归的方式获取当前元素的父元素的offsetTop（为只读属性，它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。）进行累加所得到当前元素相对于视口的高度。
偶然发现js有个原生方法就是获取当前元素相对于相对于视口的位置即Element.getBoundingClientRect()
如果是标准盒子模型，元素的尺寸等于width/height + padding + border-width的总和。如果box-sizing: border-box，元素的的尺寸等于 width/height。
参考：MDN