嘿所以我有一个静态导航，当浏览器尺寸变小时会崩溃。 （Bootstrap 3导航）
现在我在里面也有一个标志。我希望折叠的导航向下滚动用户，这是有效的。我正在使用词缀。 但我想现在隐藏徽标。在折叠导航滚动时，应该修复徽标。 我唯一想到的是在向下滚动一些px后让徽标淡出。 有人有个主意？这是HTML代码：
<div id="nav">
<div class="navbar navbar-default navbar-static" role="navigation">
<div class="second-nav">
<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="nav-logo">
<a href="#"><img src="images/Logo_nav.png" alt="DnD"></a>
</div>
<div class="navbar-collapse collapse">
<ul class="mainnav nav navbar-nav">
<li><a href="#home">Home</a></li>
<li><a href="#archievements">Leistungen</a></li>
<li><a href="#about">Über uns</a></li>
<li><a href="#team">Team</a></li>
<li class="dropdown">
<a href="#actuell" class="dropdown-toggle disabled" data-toggle="dropdown">Aktuelles<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#actuellall">Alle Artikel</a></li>
</ul>
</li>
<li><a href="#customers">Kunden</a></li>
<li class="dropdown">
<a href="#jobs" class="dropdown-toggle disabled" data-toggle="dropdown">Jobs<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#jobsall">Alle Jobs</a></li>
</ul>
</li>
<li><a href="#contact">Kontakt</a></li>
</ul>
</div>
</div>
</div>
</div>