的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"); 
}