22 Follow Along Link Highliter 中文指南

    Element.getBoundingClientRect()
    Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。
    返回值是一个DOMRect对象,这个对象是由该元素的方法返回的一组矩形的集合, 即:是与该元素相关的CSS边框集合。DOMRect 对象包含了一组用于描述边框的只读属性——left、top、right和bottom,单位为像素。除了 width 和 height 外的属性都是相对于视口的左上角位置而言的。
    DOMRect相关属性:

    1.生成绝对定位块元素

    2.使用Element.getBoundingClientRect()方法获得对应标签的位置信息