javascript scrollTop根据页面上的位置更改类

我正在尝试创建页面导航的活动状态，具体取决于您在页面下方的位置

这就是我目前所拥有的

$(window).scroll(function () {
var scroll = $(window).scrollTop();

if (scroll >= 0) {
    $(".nav1").addClass("active");
} else if (scroll >= 500) {
    $(".nav1").removeClass("active");
    $(".nav2").addClass("active");
} else {
    $(".active").removeClass("active");
}});

但未按预期工作

$（窗口）不能为负。因此，您的代码将始终执行第一个
if语句
。这个

 if scroll >= 0) {
    $(".nav1").addClass("active");
 }

代码的其余部分将永远不会执行

尝试将您的
if语句分开

if (scroll >= 0) {
    $(".nav1").addClass("active");
} 
if (scroll >= 500) {
    $(".nav1").removeClass("active");
    $(".nav2").addClass("active");
} else {
    $(".active").removeClass("active");
}});