首页 / JAVASCRIPT / javascript – 使用twitter bootstrap滚动间谍

javascript – 使用twitter bootstrap滚动间谍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用twitter bootstrap滚动间谍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含896字，纯文字阅读大概需要2分钟。

内容图文

我一直在努力让滚动间谍在我的引导网站上工作,但我无法让它工作.我遇到的问题是,无论我滚动到哪里,滚动都没有效果.你可以看到我在做什么here.

我已经执行了所需的所有步骤,即下面是正文标记

  <body data-spy="scroll" data-target="#top-fixed-nav">

和导航也在那里：

            <ul class="nav" id="top-fixed-nav">
              <li>
                <a href="#home">Home</a>
              </li>
              <li class="">
                <a href="#about">About</a>
              </li>
              <li class="">
                <a href="#howto">How to Use?</a>
              </li>
              <li class="">
                <a href="#contact">Contact</a>
              </li>
            </ul>

也称为scrollspy.

$('#top-fixed-nav').scrollspy();

任何人都可以看看,请指出我在这里忽视或做错了什么.

解决方法:

Docs说：

To easily add scrollspy behavior to your topbar navigation, add
data-spy="scroll" to the element you want to spy on ( most typically
this would be the <body>). Then add thedata-target attribute with the
ID or class of the parent element of any Bootstrap .nav component.

您发布的代码无效,因为您正在监视#top-fixed-nav(滚动事件).

内容总结

以上是互联网集市为您收集整理的javascript – 使用twitter bootstrap滚动间谍全部内容，希望文章能够帮你解决javascript – 使用twitter bootstrap滚动间谍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/825946.html

来源：【匿名】