Javascript 引导滚动间谍突出显示错误的id_Javascript_Jquery_Css_Twitter Bootstrap

Javascript 引导滚动间谍突出显示错误的id

javascript jquery css twitter-bootstrap

Javascript 引导滚动间谍突出显示错误的id,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我需要有关引导scrollspy设置的帮助。它突出显示了错误的div id（总是最后一个）。有人能帮我吗代码：内容： <body style="heigt: 100%" data-spy="scroll" data-target="#side-menu"> <div class="container-fluid"> <div class="row"> <nav id="side-menu" class="col-x

我需要有关引导scrollspy设置的帮助。它突出显示了错误的div id（总是最后一个）。有人能帮我吗

代码：

内容：

<body style="heigt: 100%" data-spy="scroll" data-target="#side-menu">
    <div class="container-fluid">
      <div class="row">
        <nav id="side-menu" class="col-xs-3 bs-docs-sidebar" data-gumshoe-header>
            <ul class="nav nav-stacked fixed" data-gumshoe>
                <li>
                    <a href="#GroupA">Group A</a>
                </li>
                <li>
                    <a href="#GroupB">Group B</a>
                </li>
                <li>
                    <a href="#GroupC">Group C</a>
                </li>
            </ul>
        </nav>
        <div class="col-md-9">
          <div id="GroupA">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </div>
    <br><br><br><br><br><br><br><br><br>
    <div id="GroupB">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </div>
    <br><br><br><br><br><br><br><br><br>
    <div id="GroupC">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </div>
        </div>
      </div>
    </div>
</body>










他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。










他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。










他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。

//编辑：页面图片

我使用的是Bootstrap3.3.7和jQuery2.2.4

关于

滚动元素应该是

位置：相对

样式

参考：

编辑

你的潜水高度太小了。Scroll area是Scroll spy的缩写

工作小提琴：

Edit2

因为问题是body元素中的输入错误：

style=“heigt:100%”

而不是

style=“height:100%”

。

我将

style=“height:100%”

替换为

style=“position:relative；“

在

body

但是它不起作用。你确定你包含了scrollspy.js插件吗？我不知道。你的标记似乎还可以。是的，scrollspy.js是否包含在bootstrap.min.js文件中？是的，默认情况下是这样。那么

数据偏移量

呢？默认情况下它的值是

，但是尝试一下。我认为你的DIVS不够高，无法正确地监视。我在JSFiddle，我的站点功能很强，不知道为什么要看我编辑的答案。这个问题没有足够的空间来滚动。在你的div中有更多的内容，代码工作正常。也考虑在你的div上使用CSS <代码>空白>代码，而不是使用数百万。

br

：）我注意到你的

body

元素中有

style=“heigt:100%”

而不是

style=“height:100%”

。@BartoszT在你的答案中添加你最后的评论，我会接受你的答案。就是这样！谢谢！哦，不客气：）一封小信和一个小时的讨论：祝你好运，祝你有一个愉快的日子：）