如何将滚动菜单栏更改为稳定的菜单栏？答案

【问题标题】：How can I change a scrolling menubar to a stable one?如何将滚动菜单栏更改为稳定的菜单栏？
【发布时间】：2018-11-13 02:08:26
【问题描述】：

我正在创建一个网站，一开始我想有滚动菜单栏，然后我意识到它不会出现在每个浏览器上，现在我想将其更改为稳定的菜单栏。将滚动菜单栏转换为稳定菜单栏的最佳方法是什么？

.menubar {
  position: fixed;
  top: 0px;
  height: 80px;
  width: 100%;
  z-index: 9999;
  background-color: #FFF;
  margin-top: -80px;
  -moz-box-shadow: 0 2px 2px rgba(200, 155, 155, 0.8);
  -webkit-box-shadow: 0 2px 2px rgba(200, 155, 155, 0.8);
  box-shadow: 0 2px 2px rgba(200, 155, 155, 0.8);
}

<div class="menubar" data-scroll="true">
  <ul class="mainmenu">
      <li class="active"><a href="#home">Home</a></li>
    <li><a href="#services">Services</a></li>
  <li><a href="#about">About</a></li>
  <li><a href="#contact">Contact</a></li>
  </ul>
</div>

谢谢！

【问题讨论】：

请提供您的css和html以便我们为您提供帮助！
我们需要您的代码来解决您的问题
我刚刚添加了部分代码。非常感谢！

标签： html css scroll menubar

【解决方案1】：

尝试改变这个

<div class="menubar" data-scroll="true">

到

<div class="menubar">

【讨论】：

感谢您的回答，不幸的是，当我尝试这样做时，菜单栏消失了
你是否对'mainmenu'应用了任何样式？
是的，我确实在主菜单上应用了样式。