获取指定Dom到窗口的距离

583 阅读1分钟

平时在写js的时候,偶尔会需要用js来获取当前div到 body 左侧、顶部的距离。网上查一查,有很多都是通过offsetTop、offsetLeft来计算出来的。我按照网上的查到的资料用了一次,算出来了一堆错误答案。下面我要分享的这个方法,兼容性很好(ie4都ok),而且很方便,不会算错。

这个方法就是 getBoundingClientRect。

getBoundingClientRect 返回的是一个 DOMRect 对象,是一组矩形集合.

let top=document.getElementById("想要获取Dom的ID").getBoundingClientRect("scientificResearch").top

console.log(top)