js 获取dom位置大小

scrollTop 可读可写属性，元素滚动距离

 

scrollHeight 只读属性，元素内容高度，包括溢出导致的视图中不可见内容

（如果没有滚动条，scrollHeight 和 clientHeight相等）

 

clientHeight 只读属性，元素内部高度CSS height + 元素 CSS padding

(不包括：水平滚动条、边框、外边距）

 

clientTop 只读属性，元素顶部边框高度，顶部border的高度

 

offsetHeight 只读属性，元素内部高度+padding+border+水平滚动条高度

 

offsetTop 只读属性，当前元素相对于offsetParent元素顶部内边距的距离

 

拓展：

• 判断元素是否滚动到底部

Math.abs(element.scrollHeight - element.clientHeight - element.scrollTop) < 1;

 

• 判断元素是否能滚动

window.getComputedStyle(element).overflowY === "visible";

window.getComputedStyle(element).overflowY !== "hidden";

 

参考文献：

MDN

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/scrollHeight