Scroll

Свойства объекта window сообщающие о том насколько прокурчена страница

• window.pageXOffset
• window.pageYOffset

function getScroll () {
  return {
    x: window.pageXOffset,
    y: window.pageYOffset
  }
}
console.log(`x = ${}; y = {}`')
        

Получение расстояния от начала документа до элемента:

let y = elem.getBoundingClientRect().top + window.pageYOffset;

console.log( `top: ${ 0 + = ${ }}`)

Методы смещения документа

• window.scrollBy(X, Y, option) - смещение в px документа относительно текущего положения. Допустимы отрицательные значения.
• window.scroll(X, Y, option) - перемещение в px к заданым координатам документа document (абсолютное смещение)
• option для этих методов:
  • top : координата Y
  • left : координата X
  • behavior :
    • auto по умолчанию
    • smooth
    • instant

Пример

Плавная полноэкранная прокуртка по клику codepen

Задание - реализовать callback для window.scroll, который бы оценивал направление скролла и после этого смещал изображения на экран вверх или вниз.