jquery else和if语句有助于滚动位置

Question

我想根据滚动位置添加一个活动类，感谢我发现已经发布的这个：

jQuery : add css class to menu item based on browser scroller position

我有一个额外的导航项到本教程，并且不知道如何安排if，else if和else语句。

$(window).scroll(function() {    
// find the li with class 'active' and remove it
$("#navigation li.active").removeClass("active");
// get the amount the window has scrolled
var scroll = $(window).scrollTop();
// add the 'active' class to the correct li based on the scroll amount
if (scroll <= 500) {
    $("#nav-welcome").addClass("active");
}
else if (scroll <= 1000) {
    $("#nav-about").addClass("active-purple");
}
else if (scroll <= 1500) {
    $("#nav-portfolio").addClass("active");
}
else {
    $("#nav-contact").addClass("active-purple");
}
});

我有两个活跃的课程，我已经使用了其他两个ifs。

非常感谢提前。

Answer 1

试试这个：

if (scroll >= 1500)  {
    $("#nav-portfolio").addClass("active");
} else if (scroll >= 1000) {
    $("#nav-about").addClass("active-purple");
} else if (scroll >= 500) {
    $("#nav-welcome").addClass("active");
} else {
    $("#nav-contact").addClass("active-purple");
}