平时在写js的时候,偶尔会需要用js来获取当前div到 body 左侧、顶部的距离。网上查一查,有很多都是通过offsetTop、offsetLeft来计算出来的。我按照网上的查到的资料用了一次,算出来了一堆错误答案。下面我要分享的这个方法,兼容性很好(ie4都ok),而且很方便,不会算错。
这个方法就是 getBoundingClientRect。
getBoundingClientRect 返回的是一个 DOMRect 对象,是一组矩形集合.
let top=document.getElementById("想要获取Dom的ID").getBoundingClientRect("scientificResearch").top
console.log(top)