MediaWiki:Common.js: Difference between revisions

From Wikiwide
Jump to navigation Jump to search
(Created page with "document.addEventListener("DOMContentLoaded", function () { const elements = document.querySelectorAll('.scroll-fade'); function fadeInOnScroll() { elements.forEach(el => { const rect = el.getBoundingClientRect(); if (rect.top < window.innerHeight - 50) { el.classList.add('in-view'); } }); } window.addEventListener('scroll', fadeInOnScroll); fadeInOnScroll(); // for initial load });")
 
No edit summary
 
Line 12: Line 12:


   window.addEventListener('scroll', fadeInOnScroll);
   window.addEventListener('scroll', fadeInOnScroll);
   fadeInOnScroll(); // for initial load
   fadeInOnScroll(); // Trigger once on load
});
});

Latest revision as of 07:40, 26 April 2025

document.addEventListener("DOMContentLoaded", function () {
  const elements = document.querySelectorAll('.scroll-fade');

  function fadeInOnScroll() {
    elements.forEach(el => {
      const rect = el.getBoundingClientRect();
      if (rect.top < window.innerHeight - 50) {
        el.classList.add('in-view');
      }
    });
  }

  window.addEventListener('scroll', fadeInOnScroll);
  fadeInOnScroll(); // Trigger once on load
});