offsetTop

Обновлено: 20.03.2023

Визначення та використання

Властивість offsetTopповертає верхню позицію (у пікселях) відносно батьківського елемента.

Повернене значення включає:

  • верхня позиція та поле елемента
  • верхній відступ, смуга прокрутки та межа батьківського елемента

Властивість offsetTopдоступна лише для читання.

Приклад

Отримати offsetTop позицію "myDIV":

const element = document.getElementById("myDIV");
let pos = element.offsetTop;

Отримати позиції "myDIV":

const element = document.getElementById("test");
Let pos1 = element.offsetTop;
let pos2 = element.offsetLeft;

OffsetParent

Усі елементи на рівні блоку повідомляють про зміщення відносно батьківського зсуву:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Батьківський зсув — це найближчий предок, який має позицію, відмінну від статичної.

Якщо батьківського зміщення не існує, зсув є відносно тіла документа.

Синтаксис

Повернути верхню позицію зсуву:


element.offsetTop

Повернене значення

Типопис
НомерВерхнє положення елемента, у пікселях.

Підтримка браузера

offsetTop

Посмотреть совместимость на Can I use?

offsetTop