javascript - Sticky Nav 要素 - 非表示にしてから表示

Question

作業中のスティッキー ナビゲーションがあります。他の投稿からいくつかのコードを収集することができましたが、1 つの問題が発生しています。ページの上部。else if ステートメントを書き込もうとしましたが、うまくいきませんでした。

  $(window).scroll(function(){
    if($("#navheader").offset().top <= $(window).scrollTop)
    $("#navheader").css({"display":"block","top":"0px", "left":"0px"});
    else
    $("#navheader").css({"display":"none"});
  });

Answer 1

これはもっと簡単かもしれません

()問題は、 after scrollToponが必要だったようですwindow。

var n = $("#navheader");//get nav
var nh = n.offset().top;//get nav offset
var go = true;//toggle execute so it doesn't fire on every match
$(window).scroll(function(){
    var wh = $(this).scrollTop();//window scroll
    if(wh <= nh && !go) {//show
        n.show();
        go = true;
    } else if (wh > nh && go) {//hide
        n.hide();
        go = false;
    }
});

フィドルを作った：http://jsfiddle.net/filever10/cxJ6a/

編集:go if/then が一致するたびに発砲を停止するトグルを追加しました。このようにして、各方法で 1 回発火します。