记载MDN不太常见的

1.Element.getBoundingClientRect()

该方法可以获取Element元素到视口的距离。
返回值是一个 DOMRect 对象

 DOMRect === {
      bottom: 131,//以当前dom盒模型的bottom线和right线交汇的点为起始点，到视口top线的垂直距离
      height: 31,//当前dom的高度
      left: 319.875,//以当前dom盒模型的top线和left线交汇的点为起始点，到视口left线的垂直距离
      right: 376.5,//以当前dom盒模型的bottom线和right线交汇的点为起始点，到视口left线的垂直距离
      top: 100,//以当前dom盒模型的top线和left线交汇的点为起始点，到视口top线的垂直距离
      width: 56.625,//当前dom的宽度
      x: 319.875,//与DOMRect.left一致
      y: 100,//与DOMRect.top一致
    }
element-box-diagram.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容