【顶部距离计算】计算元素顶部与浏览器顶部的距离

在开发中，我们常常需要计算某个元素顶部与浏览器视口顶部的距离，只需要一个方法即可计算

解决：使用getBoundingClientRect()方法

代码示例：

接收一个参数element表示需要计算的元素

// 计算该元素的顶部距离浏览器的顶部距离
const getElementTop = element=>{
    const rect = element.getBoundingClientRect();
    return rect.top;
}