首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >无法使scrollspy正常工作

无法使scrollspy正常工作
EN

Stack Overflow用户
提问于 2013-03-24 11:15:58
回答 1查看 319关注 0票数 0

我有一些问题,使bootstrap的scrollspy工作。输出页面生成正常,没有任何javascript错误。

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

下面是我设置的JSFiddle。

谢谢

http://jsfiddle.net/475sT/15/

代码语言:javascript
复制
  <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>
EN

回答 1

Stack Overflow用户

发布于 2013-03-25 02:11:08

通过JavaScript调用scrollspy:

代码语言:javascript
复制
$('#main-navigation').scrollspy()

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15594775

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档