Dodanie klasy "animated" gdy scrollowanie uderzy element footer

Question

Cześć. Chciałbym aby przy scrollowaniu do elementu footer została dodana css klasa "animated" do obrazka o klasie "laweta-2". Mój kod do tej pory wygląda tak: 

window.onscroll = () => {
  const footer = document.querySelector('footer');
  const footerHeight = footer.getBoundingClientRect().top;
  const laweta = document.querySelector('.laweta-2');
  var scrollPosY = window.pageYOffset | document.body.scrollTop;

  if (scrollPosY >= footerHeight) {
    laweta.classList.add('animated');
  } else {
    laweta.classList.remove('animated');
  }
};

Jednak to nie działa w odpowiednim momencie. Uprzejmie proszę o pomoc.

Answer 1

W kodzie klasa zostaje nadana, gdy pageYOffset jest większy lub równy top footera. Wydaje mi się, żeby nadać klase 'animated' wtedy gdy scroll uderzy element footer musisz zrobic  tak:
 

  if (scrollPosY >= footerHeight-window.innerHeight)

 

Comments

niestety u mnie się to nie sprawdza