JS中的**Height、**Top

• offsetHeight：CSS height + CSS padding + CSS border
• offsetTop：相对于其 offsetParent 元素的顶部内边距的距离
• offsetParent：返回一个指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table,td,th,body元素

• clientHeight：CSS height + CSS padding - 水平滚动条高度 (如果存在)

• clientTop：顶部边框的宽度

• scrollHeight：一个元素内容高度的度量，包括由于溢出导致的视图中不可见内容

• scrollTop：元素的内容顶部（卷起来的）到它的视口可见内容（的顶部）的距离的度量。设置scrollTop不用单位

 

• height:：el.style.height，内联样式才能通过这种方式获取

• getComputedStyle：window.getComputedStyle(el).getPropertyValue('height')，CSS height - 水平滚动条高度 (如果存在)

• getBoundingClientRect：el.getBoundingClientRect().height  ==> offsetHeight

• window.scrollTo(x,y) ,  window.scrollTo(option), option: {top, left, behaviour}

• window.scrollBy(x,y), window.scrollBy(option), 右下为正，左上为负

• scrollIntoView(Boolean alignToTop)

 

https://www.cnblogs.com/wenruo/p/9754576.html