链接在Bootstrap 4中工作时Scrollspy无法工作

时间:2018-07-12 13:36:54

标签: html bootstrap-4

Scrollspy在BS4中不起作用,我不知道我要去哪里哪里。

在我的身体标签中:

<body data-spy="scroll" data-target="#navbar" data-offset="50">

我的身体的位置:相对

导航栏代码:

<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top" id="navbar">
        <a class="navbar-brand" href="#">MyApp</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#jumbotron">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#appSummary">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link " href="#footer">Download MyApp</a>
                </li>
            </ul>
        </div>
 </nav>

这是该部分的代码:

<div class="jumbotron" id="jumbotron">
  .
  .
  .
</div>
<div class="container" id="appSummary">
  .
  .
  .     
</div>    

<div id="footer">
  .
  .
  .     
</div>

所有三个链接都正常工作,但是当我向下滚动时,它只是没有激活。

请解决它,并说明其原因。

谢谢

0 个答案:

没有答案