Pagalbos su JavaScript [ JS ]

[ArtūrasM]

Sveiki, kuriu svetainę ir susidūriau su problema, dar nesu dirbęs dorai su js ir reikia tokio dalyko, navigacijai.

Dėkim yra kodas:

    $(document).ready(function() {  
    var stickyNavTop = $('.nav').offset().top;  
      
    var stickyNav = function(){  
    var scrollTop = $(window).scrollTop();  
           
    if (scrollTop > stickyNavTop) {   
        $('.nav').addClass('sticky');  
    } else {  
        $('.nav').removeClass('sticky');   
    }  
    };  
      
    stickyNav();  
      
    $(window).scroll(function() {  
        stickyNav();  
    });  
    });  

Kaip jį sutvarkyt taip jog, pavažiavus į apačią ji pradėtų naudot nebe .nav klasę, o daleiskim .nav2.

 

Kaip ir eilinis žmogus papaišiau biški jog labiau eitų suprast ko man reikia:

 

Kol esi viršuje mano navigacija turi atrodyti taip:

o pavažiavus į apačia navigacija turi prikibti prie viršaus ir pradėti naudoti kitas html ir css klases, tai ji atrodys maždaug taip:

 

 

Tai va, kol yra viršuje ima vienokias klases, o kai pavažiuoja ima kitokias klases...