barre de navigation glissante défiler vers le haut ne retourne pas la fonction "else" ne supprime pas la classe

Question

Ma barre de navigation fonctionne en défilement vers le bas mais ne s'arrête pas à la position d'origine lors du défilement vers le haut. J'ai vu un autre article traitant d'un problème similaire mais je n'ai pas pu l'appliquer de manière à corriger mon problème, étant donné que je suis TRÈS nouveau à ce sujet. A l'origine, la barre de navigation ne fonctionnait pas du tout mais grâce à beaucoup de lecture ici sur stackoverflow, j'ai pu la faire fonctionner à moitié. J'espère que vous pourrez me corriger lol, de toute façon MERCI d'avance pour avoir lu.

Applicable CSS-

nav { 
    z-index: 500; 
    background-color: #e7ecf2; 
    } 
    .nav-placeholder { 
    margin: 0 0 20px 0; 
    } 
    .fixed { 
    position: fixed; 
    top: 5px; 
    left: 0; 
    width: 100%; 
    background-color: transparent; 
    } 
    .fixed .nav-inner { 
    max-width: 700px; 
    margin: 0 auto; 
    background-color:transparent; 
    } 

Applicable JQuery-

$(document).ready(function() { 
    var navOFFset = $("nav").offset().top; 
    $("nav").wrap('<div class="nav-placeholder"></div>'); 
    $(".nav-placeholder").height($("nav").outerHeight()); 
    $("nav").wrapInner('<div class="nav-inner"></div>'); 

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

    if (scrollPos => navOffset) { 
    $("nav").addClass("fixed"); 
    } else { 
     $("nav").removeClass("fixed"); 

    } 
    }); 
}); 

de HTML- applicable

<nav class="row wrapme container-fluid"><div class="nav-placeholder"> 
    <div class="nav-inner"><div class="col-sm-3"> 
    <button class="btn btn-block target">About Me</button></div> 
     <div class="col-sm-3"> <button class="btn btn-block target" id="target2">Portfolio</button></div> 
     <div class="col-sm-3"> <button class="btn btn-block target" id="target3">Contact</button></div> 
      <div class="col-sm-3"><button class="btn btn-block target" id="target3">Links</button></div> 
     </div> </div></nav> 

Answer 1

fait un changement mineur dans la logique. Si scrollPos = navOffset, la classe "fixed" doit être supprimée.

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

    if (scrollPos > 0) {//change removed = and navPosition param 
    $("nav").addClass("fixed"); 
    } else { 
     $("nav").removeClass("fixed"); 

    } 
    }); 

Espérons que cela aide.