Javascript 滚动时未切换活动类

我将称之为网站

---

我使用的页面滚动与网站上使用的几乎完全相同，但我无法在向下滚动页面时将导航侧栏中的

标记自动设置为活动。相反的效果很好——当点击链接时，它会平滑地滚动到正确的位置

我已经做了说过的：

确保包括滚动导航、jquery.easing.min.js和 滚动-nav.css文件。要使链接平滑，请滚动到另一个链接 在页面上，为链接指定.page scroll类并设置 将目标链接到页面上相应的ID

正文中的侧栏HTML

<!-- side navigation -->
<div id="sidebar-wrapper">
    <ul class="sidebar-nav">
        <li class="sidebar-brand">
            <img src="{{ URL::asset('images/pic_for_now.jpg') }}" alt="">
        </li>
        <li>
            <a class="menu-item page-scroll" href="#home">Home</a>
        </li>
        <li>
            <a class="menu-item page-scroll" href="#about">About</a>
        </li>
        <li>
            <a class="menu-item page-scroll" href="#education">Education</a>
        </li>
        <li>
            <a class="menu-item page-scroll" href="#experience">Experience</a>
        </li>
        <li>
            <a class="menu-item page-scroll" href="#portfolio">Portfolio</a>
        </li>
        <li>
            <a class="menu-item page-scroll" href="#contact">Contact</a>
        </li>
        <li class="menu-footer">
            <a href="{{ URL::to('cv') }}"><h6><i class="lnr lnr-download"></i>Download CV</h6></a>
            <span>
                <a href="#">ENGLISH</a>
                <a href="#">SVENSKA</a>
            </span>
        </li>
    </ul>
</div>
<!-- / side navigation -->

我单独添加了一个click函数来添加

active

类，但是在网站上，

标记在滚动到特定位置后会激活。但就我而言，他们永远不会活跃起来

这是因为该网站必须有一些更多的js代码来处理这个问题，但它没有。有人有线索吗

如果您想知道{{}语法，我正在使用刀片模板（Laravel/PHP）

将

data spy=“scroll”

添加到您的

包含在引导中

Scrollspy还要求

标签具有引导

nav

类，例如

<ul class="sidebar-nav nav">

将

data spy=“scroll”

添加到您的

包含在引导中

Scrollspy还要求

标签具有引导

nav

类，例如

<ul class="sidebar-nav nav">

谢谢您的回答。这并没有完全做到这一点，尽管它确实让我找到了正确的答案。我将更新您的答案并将其设置为答案。又来了！谢谢你的回答。这并没有完全做到这一点，尽管它确实让我找到了正确的答案。我将更新您的答案并将其设置为答案。又来了！