使用twitter引导滚动间谍

Question

使用twitter引导滚动间谍

Kam*_*med 5 javascript jquery scroll twitter-bootstrap scrollspy

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

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

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

Run Code Online (Sandbox Code Playgroud)

和导航也在那里:

            <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>

Run Code Online (Sandbox Code Playgroud)

也称为scrollspy.

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

Run Code Online (Sandbox Code Playgroud)

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

Answer 1

Mat*_*ati 5

文件说:

要轻松地将scrollspy行为添加data-spy="scroll"到顶部栏导航,请添加到要侦听的元素(最常见的是这将是<body>).然后data-target使用任何Bootstrap .nav组件的父元素的ID或类添加该属性.

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

归档时间：	12 年，5 月前
查看次数：	5666 次
最近记录：	11 年，3 月前