两个单独的带有ScrollSpy的导航栏?

时间:2016-03-09 16:55:14

标签: html twitter-bootstrap twitter-bootstrap-3 scrollspy affix

我正在构建一个"一页"网站有两个不同的导航栏,一个用于桌面,另一个用于小屏幕尺寸。两个导航栏中的链接都是相同的,只是外观不同。我的问题是,我还没有找到一种方法来滚动它们,我试过这种方式,但它没有用:

<body data-spy="scroll" data-target=".navbar, .mobinavi" data-offset="0">

继承人HTML:

<!-- NAVIGOINTI -->
<div class="container hidden-xs">
<div class="row">
<div class="col-sm-12 navilaatikko">
<nav class="navbar navbar-default navbar-static-top paanavi" data-spy="affix" data-offset-top="140">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="navbar-brand"></span>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#sulka">Sulka</a></li>
<li><a href="#tapahtumat">Tapahtumat</a></li>
<li><a href="#galleria">Galleria</a></li>
<li><a href="#yhteystiedot-palaute">Yhteystiedot &amp; Palaute</a></li>
<li><a href="#henkilokunta">Henkilökunta</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</div>

<div class="visible-xs mobinavi" data-spy="affix" data-offset-top="140">
<a href="#sulka">Sulka</a>
<a href="#tapahtumat">Tapahtumat</a>
<a href="#galleria">Galleria</a>
<a href="#yhteystiedot-palaute">Yhteystiedot &amp; Palaute</a>
<a href="#henkilokunta">Henkilökunta</a>
</div>
<!-- /NAVIGOINTI -->

有任何帮助吗?感谢。

0 个答案:

没有答案