スティッキーバーバースクロールアップスクロールアップしません "else"関数はクラスを削除していません

Question

マイナビゲーションバーはスクロールダウンで動作しますが、スクロールアップでは元の位置で停止しません。私は同じ問題に取り組んでいる他の1つのポストを見ましたが、私は問題を解決する方法でそれを適用できませんでした。私はこれに非常に新しいです。もともとは、nav barはまったく動作しませんでしたが、ここではstackoverflowで多くの読書をしていましたが、半分稼働させることができました。うまくいけば、皆さんは私に笑いを覚えることができます。

適用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; 
    } 

適用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"); 

    } 
    }); 
}); 

適用HTML-ロジックの軽微な変更を完了

<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

。 scrollPos = navOffsetの場合は、「固定」クラスを削除する必要があります。

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

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

    } 
    }); 

は、この情報がお役に立てば幸いです。