Чем scrollY отличается от pageYOffset | scrollTop?

Question

[tolorov]

Пытаюсь разобраться со скроллом в JS.
Вопрос запутанный, и нету адекватных туториалов где по пунктам все разжуют. Парадокс.

Да, есть документация, но она довольно хардкорна.
Поэтому прошу помощи.

Вот смотрите, два куска кода:

var scrollPosition = window.scrollY

var scrollPosition = window.pageYOffset | document.body.scrollTop

Оба отдают ТОЖЕ САМОЕ в консоль - текущее положение скролла. Так какая же разница?

Answer 1

[Дмитрий Еремин]

https://developer.mozilla.org/en-US/docs/Web/API/W...

The read-only scrollY property of the Window interface returns the number of pixels that the document is currently scrolled vertically

The pageYOffset property is an alias for the scrollY property

An element's scrollTop value is a measurement of the distance from the element's top to its topmost visible content

Короче
scrollY - на сколько пикселей страница пролистана вниз
pageYOffset - то ж самое
scrollTop - насколько пикселей пролистано от начала элемента до видимой области

Comments

[tolorov]

Ага, а значение одинаковое, потмоу что я выбрал весь body? document.body.scrollTop

[Дмитрий Еремин]

tolorov: видимо
в документации сказано Element.scrollTop
Element, как мы понимаем - это просто какой-то абстрактный элемент
у вас это - body

Answer 2

[med1um]

Отличаются они тем, что используя в своем коде свойство pageYOffset вы гарантируете работу кода в старых браузерах, а используя scrollTop - нет.