0

スパイスクロールの問題に関する他のいくつかの質問を見ましたが、それらは私の状況にはあまり当てはまりませんでした。サイトのメイン ページとナビゲーション バーに簡単なスパイスクロール機能を適用しようとしていますが、機能していないようです。

さらに、これらの同じリンクに基本的なスクロール機能も追加したいと思います.Bootstrapにはスクロール機能がありますか? リストされているものはありません。これを行う最良の方法は何ですか？

このサイトは debbierking.com/bootstrap にあります。

私はBootstrapを初めて使用し、jqueryの知識は最小限であることに注意してください...

関連するマークアップ:

<body data-spy="scroll" data-target=".navbar">

  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">

        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <div class="nav-collapse">       
          <ul class="nav pull-right">
            <li class="active"><a href="#work">Work</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>   
          </ul>
        </div><!-- /.nav-collapse -->

      </div><!-- /.container -->
    </div><!-- /.navbar-inner -->
  </div><!-- /.navbar -->


  <script src="js/bootstrap.js"></script>
  <script>
    $(document).ready(function() {
      $('.navbar').scrollspy()
    });
  </script>
</body>
4

1 に答える 1

0

問題は、あなたがあなたのnavbar中に配置していることだと思いますが、<head>これは意味がないと思います。ブートストラップページの例では、タグのnavbar中に明確に配置されています。この例も確認してください。body

于 2012-12-19T23:05:04.153 に答える