0

Bootstrap には 2 つの問題がありScrollSpyます。Boostrap サイトで追加とスムーズ スクロールができません。

<body data-spy="scroll" data-target="#test">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div id="test" class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-  target=".navbar-ex1-collapse">
  <span class="sr-only">Toggle navigation</span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
  <span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">L</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
 <div id="test" class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
  <li class=""><a href="#Chi Sono">Chi Sono</a></li>
  <li><a class="scroll" href="#Conoscenze">Conoscenze</a></li>
  <li><a href="#OS" >Sistemi operativo</a></li>


 </div><!-- /.navbar-collapse -->
  </nav>

ナビコードです。私は多くの解決策を試しましたが、役に立ちませんでした。この効果を追加するにはどうすればよいですか?

4

1 に答える 1

0

交換

      <div id=test ...>

と 

       <nav id=test...>

Bootstrap .nav コンポーネントの親要素の ID またはクラスを含む data-target 属性を追加します。scrollspy の data-target の id を定義するときに div を使用しているため、機能しません。代わりにナビを使用 http://getbootstrap.com/javascript/#scrollspy

コードのこの部分の別のエラーがここにあります

   </div><!-- /.navbar-collapse -->
</nav>

divタグではなくnavタグでnavbar-collapseを行います。

したがって、正しいコードは

   </nav><!-- /.navbar-collapse -->
</nav>
于 2013-09-27T21:38:56.420 に答える