js获取元素尺寸及位置信息（getBoundingClientRect）

        js的getBoundingClientRect用来返回元素的大小及相对于浏览器窗口的位置信息。一般可用来计算元素尺寸、滚动事件时判断元素是否滚动到特定位置等……

let el = document.getElementById("elId"); // 获取id为elId的元素
let elRect = el.getBoundingClientRect();

        该函数返回一个DOMRect对象，包含以下属性：

        left: 元素左侧距离窗口左侧的距离

        right: 元素右侧距离窗口左侧的距离

        top: 元素顶部距离窗口顶部的距离

        buttom: 元素底部距离窗口顶部的距离

        width: 元素的宽度

        height: 元素的高度

        x: 元素左上角相对于窗口的横坐标

        y: 元素左上角相对于窗口的纵坐标