我正在构建一个"一页"网站有两个不同的导航栏,一个用于桌面,另一个用于小屏幕尺寸。两个导航栏中的链接都是相同的,只是外观不同。我的问题是,我还没有找到一种方法来滚动它们,我试过这种方式,但它没有用:
<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 & 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 & Palaute</a>
<a href="#henkilokunta">Henkilökunta</a>
</div>
<!-- /NAVIGOINTI -->
有任何帮助吗?感谢。