Метод getBoundingClientRect позволяет получить размеры элемента и его позицию относительно области просмотра. 5 Синтаксис использования: элемент.getBoundingClientRect(). 3

Метод возвращает объект DOMRect, который содержит следующие свойства: 5

• top — расстояние от верхней границы элемента до верхней границы области просмотра; 5
• right — расстояние от правой границы элемента до левой границы области просмотра; 5
• bottom — расстояние от нижней границы элемента до верхней границы области просмотра; 5
• left — расстояние от левой границы элемента до левой границы области просмотра; 5
• width — ширина элемента; 5
• height — высота элемента; 5
• x — горизонтальная координата левой границы элемента относительно области просмотра; 5
• y — вертикальная координата верхней границы элемента относительно области просмотра. 5

Метод возвращает позицию относительно видимой области экрана, а не всей страницы, поэтому при прокрутке расположение элемента может измениться. 4 Для определения абсолютного положения элемента, не зависящего от прокрутки, к результату нужно прибавить значение прокрутки окна. 4