我向導航欄添加了一個 li，突然間，每當我單擊菜單項時，它就不再滾動。我需要使用 Javascript 讓我的導航欄滾動到我的部分。這是我用 Javascript 創建的導航欄const navMenu = document.querySelectorAll("section");const navList = document.getElementById("navbar__list");const items = ["Section 1", "Section 2", "Section 3", "Section 4"];//Build the navitems.forEach((item, i) => {  const el = document.createElement("a");  el.innerText = item;  el.classList.add("menu-items");  el.setAttribute("id", `menu-${i + 1}`);  el.href = `#section${i + 1}`;  navList.appendChild(el);  const li = document.createElement("li");  li.classList.add("menu-list");  li.appendChild(el);  // Append the list item to the list  navList.appendChild(li);});//Make Nav Active when Clicked and scrolls down to sectiondocument.addEventListener("click", function (event) {  let active = document.querySelector(".menu-list.active");  if (active) active.classList.remove("active");  if (event.target.classList.contains("menu-list")) {    event.target.classList.add("active");  }});在我只添加了 a 標簽之前，我在 addEventListener 中定位了 .menu-items 而不是 .menu-list，但是一旦我將 li 標簽添加到我的導航欄，li 的類就不起作用了。我不確定要編輯或更改什么