я хочу функциональность, которая активирует ссылку при прокрутке

Question

AMP не поддерживает jQuery, поэтому я не могу получить этот пример присоединения, я хочу сделать его таким, пока прокручиваю пример

      add_action( 'wp_footer', function () { ?>
    <script async custom-element="amp-script" src="https://cdn.ampproject.org/v0/amp-script-0.1.js">
    
    const sections = document. querySelectorAll("h2");
    const navLi = document. querySelectorAll("div .toc-container ul li");
    window.addEventListener("scroll", () => {
      let current = "";
      sections.forEach((section) => {
        const sectionTop = section.offsetTop;
        console.log(sectionTop);
        const sectionHeight = section.clientHeight;
        if (pageYOffset >= sectionTop - sectionHeight / 2) {
          current = section.getAttribute("id");
        }
       
      });
        
        
     
      navLi.forEach((li) => {
        li.classList.remove("active");
        if (li.classList.contains(current)) {
          li.classList.add("active");
        }
      });
    });
    
    
    </script>
    <?php } );