Page Scroll depth tracking

scrollTrack.js

function trackScrollDepth() {
  const scrollPercentages = [25, 50, 75, 100];
  window.addEventListener('scroll', () => {
    const scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
    const scrollPosition = window.scrollY;
    const scrollRatio = (scrollPosition / scrollHeight) * 100;
    if (scrollPercentages.includes(Math.floor(scrollRatio))) {
      // Perform scroll depth tracking actions
      console.log(`Scrolled to ${Math.floor(scrollRatio)}%`);
    }
  });
}