0

我正在制作我的第一个网页。导航栏由 5 个部分/链接（3 页）组成 - 第一页包含 3 个链接，其中 ID 在一页内 + 是两个链接的简单页面。通过两个简单的页面，汉堡菜单可以毫无问题地工作 - 单击汉堡后它会打开，当我单击任何部分时，导航器会自动关闭。问题是当我单击页面中的菜单时，三个 ID 所在的位置。导航栏打开，网页移动到 ID 所在的位置，但导航栏没有关闭。请参阅下面附上的代码。能否请你帮忙？谢谢你

let menu = document.querySelector(".menu")
let menuIcon = document.querySelector(".menu-icon")
menuIcon.addEventListener("click", function() {
  let iconSrc = menuIcon.src
  console.log(iconSrc);
  let splitIconSrc = iconSrc.split("/")
  console.log(splitIconSrc);

  let imgName = splitIconSrc[splitIconSrc.length - 1]

  if (imgName == "hamburger.png") {
    menuIcon.src = "img/krizek.png"
    menu.style.left = "0px"
  } else {
    menuIcon.src = "img/hamburger.png"
    menu.style.left = "-120%"
  }
})
<nav>
  <img class="menu-icon" src="img/hamburger.png" alt="">

  <ul class="menu">
    <li><a href="index.html#about-me">O mně</a></li>
    <li><a href="index.html#offer">Nabídka</a></li>
    <li><a href="instructions.html">Návody</a></li>
    <li><a href="gallery.html">Galerie</a></li>
    <li><a href="index.html#contact">Kontakt</a></li>
  </ul>
</nav>

4

0 回答 0