如何在使用javascript滚动到页面时向这些链接添加活动类？

试试这个

<div class="navbar">


        <nav>
            <ul class="navbar__navdiv" >

            <li><a class="navbar__navdiv--a "  href="#homePage">Home Page</a></li>
            <li><a class="navbar__navdiv--a"  href="#aboutMe" >About Me</a></li>
            <li><a class="navbar__navdiv--a"  href="#services" >Services</a></li>
            <li><a class="navbar__navdiv--a"  href="#projects" >Projects</a></li>
            <li><a class="navbar__navdiv--a"  href="#contactMe" >Contact Me</a></li>
            </ul>
        </nav>
    </div>

$（文档）。滚动（函数（）{
var thiscroll=$（this.scrollTop（）；
var topOfWindow=$（window.scrollTop（）；
如果（topOfWindow=$（'#homePage'）.offset（）.top和&topOfWindow+100<$（'#aboutMe'）.offset（）.top）{
$（'.navbar_uunavdiv--a'）.removeClass（“活动”）；
$（'.navbar2'）.addClass（“活动”）；
}如果（topOfWindow+100>=$（'#aboutMe'）.offset（）.top和&topOfWindow+100<$（'#services'）.offset（）.top）{
$（'.navbar_uunavdiv--a'）.removeClass（“活动”）；
$（'.navbar3'）.addClass（“活动”）；
}如果（topOfWindow+100>=$（'#services'）.offset（）.top和&topOfWindow+100<$（'#projects'）.offset（）.top）{
$（'navbar_uunavdiv--a'）。removeClass（“active”）；
$（'.navbar4'）.addClass（“活动”）；
}如果（topOfWindow+100>=$（'#projects'）.offset（）.top）{
$（'.navbar_uunavdiv--a'）.removeClass（“活动”）；
$（'.navbar5'）.addClass（“活动”）；
} 
})

---

非常感谢您的回复，但仍然不起作用。我还想问一下html中的.nav dots类在哪里，因为我在html中找不到它。对不起，nav dots类名称被修改了css选择器中的下划线和破折号都是什么，它们不是来自引导的

$(document).scroll(function(){
    var thisScroll = $(this).scrollTop();
    var topOfWindow = $(window).scrollTop();

    if (topOfWindow <= $('#homePage').offset().top - 100 ){ 
        $('.navbar__navdiv--a').removeClass("active");
        $('.navbar1').addClass("active");
    } else if (topOfWindow+100 >= $('#homePage').offset().top && topOfWindow+100 < $('#aboutMe').offset().top ){    
        $('.navbar__navdiv--a').removeClass("active");
        $('.navbar2').addClass("active");
    } else if (topOfWindow+100 >= $('#aboutMe').offset().top && topOfWindow+100 < $('#services').offset().top ){    
        $('.navbar__navdiv--a').removeClass("active");
        $('.navbar3').addClass("active");
    } else if (topOfWindow+100 >= $('#services').offset().top && topOfWindow+100 < $('#projects').offset().top ){   
        $('navbar__navdiv--a').removeClass("active");
        $('.navbar4').addClass("active");
    } else if (topOfWindow+100 >= $('#projects').offset().top ){    
        $('.navbar__navdiv--a').removeClass("active");
        $('.navbar5').addClass("active");
    } 
})

    <nav>
        <ul class="navbar__navdiv" >
            <li><a class="navbar__navdiv--a navbar1"  href="#homePage">Home Page</a></li>
            <li><a class="navbar__navdiv--a navbar2"  href="#aboutMe" >About Me</a></li>
            <li><a class="navbar__navdiv--a navbar3"  href="#services" >Services</a></li>
            <li><a class="navbar__navdiv--a navbar4"  href="#projects" >Projects</a></li>
            <li><a class="navbar__navdiv--a navbar5"  href="#contactMe" >Contact Me</a></li>
        </ul>
    </nav>