Hi there i have a navigation with scroll intoVIEW , but i want to fix when i click on href like index.html not working , any fixes

document
  .querySelector(".navigation__ul")
  .addEventListener("click", function (e) {
    e.preventDefault();

    if (e.target.classList.contains("navigation__link")) {
      const id = e.target.getAttribute("href");
      document.querySelector(id).scrollIntoView({ behavior: "smooth" });
      navigation.classList.toggle("open");
      overlay.classList.toggle("nav__overlay");
    }

    if (!navigation.classList.contains("open")) {
      hamburger.classList.remove("is-active");
    }
  });