2

まもなく立ち上げられるホームページ ( http://dev.indee.tv/ ) に scrollspy を実装しました。

上部のメニューを無視してさらに下にスクロールすると、おなじみの Bootstrap Navbar が表示されます。私が抱えている問題は、メニュー項目を選択すると正しい ID に移動しますが、数ピクセル下にスクロールするまで、着陸した正しいメニュー項目が強調表示されないことです。

ナビのバーコードは次のとおりです。

<div class="nav navbar affix-top span12" data-spy="affix" data-offset-top="590">
    <div class="navbar-inner">
       <a class="brand" href="#">Indee</a>
       <ul class="nav">
          <li><a href="#whyindee" onclick=$.scrollTo(whyindee,1000);>ABOUT</a></li>
          <li><a href="#howindee" onclick=$.scrollTo(howindee,1000);>USING IT</a></li>
          <li><a href="#tryit" onclick=$.scrollTo(tryit,1000);>TRY IT</a></li>
          <li><a href="#casestudy" onclick=$.scrollTo(casestudy,1000);>EXAMPLES</a></li>
          <li><a href="#featureset" onclick=$.scrollTo(featureset,1000);>FEATURES</a></li>
       </ul>
    </div> <!-- navbar-inner-->
</div><!-- navbar -->

私が間違っていることを理解するのを手伝ってもらえますか?

ありがとう！

4

1 に答える 1

1

私はそれを考え出した。scrollspyには、少なくとも500pxの高さのセクションが必要であることがわかりました。私のトップdivは500pxを少し下回っていたので、500pxの最小の高さで私が直面していた問題が修正されました。

于 2013-01-08T10:13:53.007 に答える