下面进行效果展示:
下面是导航栏部分html代码:
<div class="top-nav wow">
<div class="container">
<div class="navbar-header logo">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
导航
</button>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="menu">
<ul class="nav navbar">
<li><a href="#about" class="scroll">关于我</a></li>
<li><a href="#history" class="scroll">我的历史起源</a></li>
<li><a href="#value" class="scroll">我的经济价值</a></li>
<li><a href="#photo" class="scroll">我的相册</a></li>
<li><a href="#contact" class="scroll">更多了解</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
下载地址:https://pan.baidu.com/s/1qrO-L-nvaeA5tDopWlo0-Q
提取码:5bp0