Javascript Scrollspy不工作引导程序4
我想在我的代码中使用scrollspy功能,但它不起作用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
<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错误。请参考此链接所有安装正确但不起作用的内容:。。发布所有代码以重现问题。提前谢谢,问题是。它将活动类添加到导航链接类,而不是导航项。那么有没有办法解决这个问题呢?实际上问题是。它将活动类添加到导航链接类,而不是导航项。有没有办法解决这个问题?