我已经按照BS4中如何使用Scrollspy的文档进行操作,但它不起作用,那么我该如何解决它?
我的身体有posistion: relative
这是我的身体标签:
<body data-spy="scroll" data-target=".navbar">
这是导航栏的 HTML:
<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
<button class="navbar-toggler navbar-toggler-right" 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="container">
<a class="navbar-brand" href="/">
<img src="/images/logo_placeholder.jpg" width="90" height="45" class="d-inline-block align-top" alt="">
Jalinen
</a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#home">Home </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Nieuws</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Diensten</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Calamiteiten</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Gallerij</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
为什么它不起作用?
Note:
atm 没什么用。
导航栏甚至没有粘在页面顶部。
确保您正在使用fixed-top
将导航栏附加到顶部,
<nav class="navbar navbar-toggleable-md fixed-top navbar-light bg-faded">
..
</nav>
和正文标签:
<body data-spy="scroll" data-target="#navbar1" data-offset="70">
Bootstrap 4 Scrollspy 演示 http://www.codeply.com/go/7CDRomtM0D
EDIT:
navbar-toggleable-md
已更改为navbar-expand-lg
in 引导程序4.0.0
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)