Какой способ лучше?

Question

[wakenby]

Какой способ оптимизированней и правильнее?

export function scrollRequest (handleUpdate) {
  const loop = () => {
    handleUpdate(window.pageYOffset, () => {
      window.requestAnimationFrame(loop)
    })
  }

  loop()
}

export function scrollEvent (handleUpdate) {
  document.addEventListener('scroll', (event) => {
    handleUpdate(window.pageYOffset)
  })
}

Comments

[Вадим]

есть ещё вариант добавить тротлинг\дебаунс и тригериться не на каждое событие скрола, а, скажем, только на последнее, если оно единственное за последние, скажем, 300миллисекунд

[wakenby]

Вадим, Спасибо!!!!!!!!!, Никогда не слышал тротлинг\дебаунс, нашел статью, теперь жалею что раньше не узнал про это))

[Александр]

Если это вам нужно для отслеживания появления элементов на экране, при скроллинге, то есть еще одно решение (но не для IE).
Можете заюзать IntersectionObserver: https://developer.mozilla.org/ru/docs/Web/API/Inte...

Answer 1

[Alex]

Смотря, что хотите сделать. Но, думаю, второй

Comments

[wakenby]

Хочу сделать появление блоков при скролле, а точнее если dom элемент в зоне видимости то убирать у него класс определенный класс

[Alex]

wakenby, тогда ни тот ни другой. Есть способ получше

[Alex]

wakenby, Intersection Observer API