下面進行效果展示:
下面是導航欄部分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