Question

我正在尝试让bootstrap的scrollspy工作。输出页面生成正常，没有任何javascript错误。

但是滚动时我不能让CSS类应用活动。

以下是我设置的JSFiddle。

由于

  <body>
    <div id="wrapper" data-spy="scroll" data-target="main-navigation">
        <section class="container">
            <header id="header">
                <div id="sticky_navigation" class="shadow">
                    <div class="container"> <a href="/" id="logo"></a>

                        <div id="navigation-wrapper">
                            <nav id="main-navigation">
                                <!-- MAIN NAVIGATION-->
                                <ul id="main-menu">
                                    <li><a id="one" href="#one">One</a>
                                    </li>
                                    <li><a id="Two" href="#Two">Two</a>
                                    </li>
                                    <li><a id="Three" href="#Three">Three</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </header>
        </section>
        <section id="one">One</section>
        <section id="two">Two</section>
        <section id="three">Three</section>
    </div>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js"></script>
</body>

Answer 1

通过JavaScript调用scrollspy：

$('#main-navigation').scrollspy()

按http://twitter.github.com/bootstrap/javascript.html#scrollspy

我希望这对你有所帮助！

无法使用scrollspy工作

1 个答案: