未折叠时引导导航栏闪烁

<div class="navbar">
  <div class="navbar-toggle"></div>
  <ul class="navbar-menu">
    <li><a href="#">首页</a></li>
    <li><a href="#">产品</a></li>
    <li><a href="#">解决方案</a></li>
    <li><a href="#">关于我们</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>
</div>

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  z-index: 9999;
}

.navbar-toggle {
  display: none;
  /* 导航栏折叠按钮样式 */
}

.navbar-menu {
  display: flex;
  justify-content: flex-end;
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar-menu li {
  margin-left: 20px;
}

.navbar-menu li:first-child {
  margin-left: 0;
}

.navbar-menu li a {
  color: #000000;
  text-decoration: none;
}

.navbar-menu li a:hover {
  color: #ff0000;
}

.navbar-menu li a.active {
  color: #ff0000;
}

window.addEventListener('scroll', function() {
  var navbar = document.querySelector('.navbar');
  var navbarToggle = document.querySelector('.navbar-toggle');
  
  if (window.scrollY > 0) {
    navbar.classList.add('navbar-scrolled');
    navbarToggle.style.display = 'block';
  } else {
    navbar.classList.remove('navbar-scrolled');
    navbarToggle.style.display = 'none';
  }
});