Question

我正在使用此网站：https://handyfreak011.github.io/FreetimeElements/。
我已经设置了

body { position: relative;}

并应用

<body id="home" data-spy="scroll" data-target="#main-nav" data-offset="150">

到我的身体。

那是我的导航：

＆＃13;

    <nav class="navbar main-nav" id="main-nav">
        <div class="container">
            <button class="navbar-toggler hidden-sm-up " type="button" data-toggle="collapse" data-target="#navibar" aria-controls="navibar" aria-expanded="false" aria-label="Toggle navigation">
                      &#9776;
                  </button>
            <div class="collapse navbar-toggleable-xs" id="navibar">
                <ul class="nav navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link" href="#info">START</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#philo">PHILOSOPHIE</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#products">PRODUKTE</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#contact">KONTAKT</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

＆＃13;

元素的ID与导航中的ID一样，如果您在导航中点击它们，则会将其发送到那里。但是，如果在滚动区域时，滚动条的元素不会变为活动状态。

谢谢你的帮助！

Bootstrap 4：Scrollspy没有工作

0 个答案: