Javascript Scrollspy不工作引导程序4

Javascript Scrollspy不工作引导程序4,javascript,jquery,html,twitter-bootstrap,bootstrap-4,Javascript,Jquery,Html,Twitter Bootstrap,Bootstrap 4,我想在我的代码中使用scrollspy功能,但它不起作用 <nav class="navbar navbar-expand-lg fixed-top navbar-dark" role="navigation"> <div class="container"> <a class="navbar-brand" href="#featured"><h1></h1></a> <button class="navbar

我想在我的代码中使用scrollspy功能,但它不起作用

<nav class="navbar navbar-expand-lg fixed-top navbar-dark" role="navigation">
<div class="container">
  <a class="navbar-brand" href="#featured"><h1></h1></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#featured">Home</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#mission">Mission</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#services">Services</a>
      </li>
    </ul>
  </div>
</div>
</nav>

还有身体标签

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

哪里可能有问题?

试试这个


引导示例
身体{
位置:相对位置;
}
第一节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

第二节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

第三节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

试试这个


引导示例
身体{
位置:相对位置;
}
第一节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

第二节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

第三节 尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏

尝试滚动此部分,并在滚动时查看导航栏!尝试滚动此部分,并在滚动时查看导航栏


标记看起来不错,因此请确保浏览器控制台(F12)中没有JS错误。请参阅此链接所有已正确安装但不起作用的内容:。。发布所有代码以重现问题。提前感谢标记看起来不错,因此请确保浏览器控制台(F12)中没有JS错误。请参考此链接所有安装正确但不起作用的内容:。。发布所有代码以重现问题。提前谢谢,问题是。它将活动类添加到导航链接类,而不是导航项。那么有没有办法解决这个问题呢?实际上问题是。它将活动类添加到导航链接类,而不是导航项。有没有办法解决这个问题?