oncroll fenêtre modifier le style de lien du menu

Question

J'essaie d'utiliser la fonction de défilement de la fenêtre afin qu'un lien de menu change son style à la section pertinente à laquelle l'utilisateur a fait défiler.

Je l'ai pour alerter l'utilisateur une fois qu'ils font défiler la section portefeuille. Mais qu'en est-il du style d'un lien?

Code est un peu hors de ma ligue:

$(function(){ 
    $(window).scroll(function(){ 
    var aPortfolio = $('.portfoliowrapper').height(); 
    if($(this).scrollTop()>=aPortfolio){ 
     alert('portfolio just passed.'); 
    } 
    }); 
}); 

Answer 1

Vous avez juste besoin d'utiliser css:

if($(this).scrollTop()>=aPortfolio){ 
    alert('portfolio just passed.'); 
    $("yourlink").css({ 
     // Whatever styles you want here 
    }); 
} 

Answer 2

Vous devriez faire une classe qui l'emporte sur les styles de lien et ajouter/supprimer:

CSS

.linkPortfolio { 
    // styles 
} 

JS

$(function(){ 
    var $targetAnchor = $('#linkID'); 

    $(window).scroll(function(){ 
    var aPortfolio = $('.portfoliowrapper').height(); 
    if($(this).scrollTop()>=aPortfolio){ 
     alert('portfolio just passed.'); 
     $targetAnchor.addClass('linkPortfolio'); 
    } else { 
     $targetAnchor.removeClass('linkPortfolio'); 
    } 
    }); 
});