javascript - Bootstrap Scroll Spy 突出显示错误的 id-6ren

javascript - Bootstrap Scroll Spy 突出显示错误的 id

转载作者：行者123 更新时间：2023-11-28 15:29:27

我需要有关我的 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-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>