这是我的 navbar
的代码(它有一些更多的细节,但它只是样式,所以我猜这无关紧要),我找不到任何东西让它固定在顶部向下滚动时的页面。
此外,每当我点击任何按钮时,我都想做一个平滑的 Action ,但是
.container {
width: 80%;
margin: 0 auto;
}
header {
background: black;
}
header::after {
content: '';
display: table;
clear: both;
}
header h3 {
color: white;
float: left;
padding: 10px 0;
}
nav {
float: right;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
display: inline-block;
margin-left: 70px;
padding-top: 18px;
position: relative;
}
<header>
<div class="container">
<h3>logo</h3>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#servico">Serviços</a></li>
<li><a href="#BaseDeCusto">Base de Custo</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</div>
</header>
最佳答案
要做到这一点,你想给它属性:
header {
position: fixed;
}
关于javascript - 固定在顶部导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50107262/