Как воспроизвести функцию только один раз?

Question

[Dmitry]

Здравствуйте, подскажите пожалуйста, как реализовать правило для скролла?

Есть правило: if (window.pageYOffset > 3400) { } - внутри него записывается функция, которая должна воспроизвестись один раз при прокрутке в 3400 пикс. Но происходит проблема. Функция воспроизводится постоянно, как только я скроллю.

Как сделать так, чтобы функция выполнялась в данном правиле только один раз? так как функция воспроизводится постоянно при повторных скроллах. Как реализовать запрет на повтор в этом диапазоне?

Заранее спасибо.

Answer 1

[hzzzzl]

window.addEventListener('scroll', onScroll)

function onScroll(e) {
  if (pageYOffset > 1000) {
    console.log('BOOOOOM')
    /*   do stuff   */
    window.removeEventListener('scroll', onScroll)
  }
}

Comments

[Dmitry]

Спасибо большое. Помогло. Скажите пожалуйста, а как сделать так, чтобы если вернутся обратно скажем на 500, а потом снова на 1000 и чтобы снова проигралась один раз функция?

[hzzzzl]

Dmitry, ммммм, ну как-то так например

window.addEventListener('scroll', onScroll)
let shouldBoom = true

function onScroll(e) {
  if (pageYOffset < 500) {
    // отскроллил назад
    shouldBoom = true
  } 

  if (shouldBoom && pageYOffset > 1000) {
    console.log('BOOOOOM')
    shouldBoom = false
  }
}

[Dmitry]

hzzzzl, Отлично, спасибо большое еще раз. Всё прекрасно работает. Уже голова не варит. Благодарю еще раз!!!

Answer 2

[Loli E1ON]

Подписываетесь на событие скрола, когда доскролили до необходимого места - удаляем подписку