按钮需要点击两次才能对页面刷新进行操作

时间:2021-07-30 12:35:48

标签: javascript html css

我遇到了一个问题,我的汉堡包图标在页面刷新时需要点击两次才能开始工作。我正在使用下面显示的代码,当用户单击汉堡包图标时,我想更改导航的左属性。它工作正常,但每次刷新页面时都需要点击两次才能正常工作。

let hamburgerIcon = document.getElementById('hamburger-icon');
let asideNavigation = document.getElementById('nav-list-wrapper');


hamburgerIcon.addEventListener("click", () => {
  if (asideNavigation.style.left === "-100vw") {
    asideNavigation.style.left = "0";
  } else {
    asideNavigation.style.left = "-100vw";
  }
})

0 个答案:

没有答案