Почему не удаляется обработчик события?

Question

[Wasya UK]

Почему обработчик события scroll не удаляется, когда я пролистываю вниз?

function appearOnScroll(element) {
  const elementHeight = element.offsetHeight;
  const elementPosition = element.getBoundingClientRect().top;

  hideElement(element)

  window.addEventListener('scroll', e => {
    console.log(window.pageYOffset);
    if (window.pageYOffset >= elementPosition) {
      showElement(element);
      window.removeEventListener('scroll', this);
    }
  });
}

Comments

[Надим]

Вам уже предложили решение, но есть еще один способ ставить и удалять обработчики, а именно через атрибут:
https://basicweb.ru/html/event_onscroll.php
Атрибут можно легко добавлять и удалять.

Answer 1

[Алексей Ярков]

Как-то так:

function scrollHandler(e) {
    console.log(window.pageYOffset);
    if (window.pageYOffset >= elementPosition) {
        showElement(element);
        window.removeEventListener('scroll', scrollHandler);
    }
}

window.addEventListener('scroll', scrollHandler);