我正在创建一个网站,一开始我想要滚动菜单栏,然后我意识到它不会出现在每个浏览器上,现在我想将它更改为稳定的菜单栏。将滚动菜单栏转换为稳定菜单栏的最佳方法是什么?
.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>
谢谢!
最佳答案
尝试改变这个
<div class="menubar" data-scroll="true">
到
<div class="menubar">
关于html - 如何将滚动菜单栏更改为稳定菜单栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53272751/