Подсветка ссылок
Демо можно найти здесь.
Чему я научился на этом мини-проекте.
получитьBoundingClientRect()
Используется для возврата размеров и положения элементов относительно окна.
Он возвращает объект, представляющий границы CSS, связанные с элементом. Возвращаемые значения доступны только для чтения и не могут быть обновлены, к ним относятся left, top, x и y.
Значения представляют border-box в пикселях и относятся к верхнему левому углу окна просмотра (это не относится к значениям width и height).
прокруткаX и прокруткаY
При изменении положения прокрутки возвращаемые значения будут привязаны к текущему top-left области просмотра. Итак, чтобы убедиться, что значения привязаны к top-left документа, вам нужно добавить расстояние прокрутки через scrollX и scrollY, как показано ниже.
Первоначально опубликовано на gist.github.com.
