javascript - ページのスクロール時に 2 つ目のナビゲーションを表示する

Question

私のサイトには 2 つのナビゲーションがあります。どちらも上部にあり、本質的に同じことを行います。

ページが最初にロードされ、スクロールされていないときに、メインの (小さい) ナビゲーションがページに表示されるようにします。

ページがスクロールし、メイン ナビゲーションが表示されなくなったら、セカンダリ ナビゲーション (大きい方) を表示してページの上部に固定します。

私はすでにトップ部分に固定されています.ページスクロール部分のフェードインとフェードアウトの助けが必要です.

メイン ナビゲーションの ID は次のとおりです。navMain

2 番目のナビゲーションの ID は次のとおりです。navSecondary

Stackoverflow でこのスクリプトを見つけましたが、私が望んでいることを正確に実行していないようです。

$(window).scroll(function() {
    var pxFromBottom = 350;
    if ($(window).scrollTop() + $(window).height() > $(document).height() - pxFromBottom) {
        $('#navSecondary').fadeOut('slow');
    } else {
        $('#navSecondary').fadeIn('slow')
    }
});

このスクリプトを使用すると、ページが最初に読み込まれたときに両方のナビゲーション メニューを同時に表示できます。ページをスクロールすると、2 番目のナビゲーションはフェードアウトし、ページの上部にスクロールして戻っても元に戻ることはありません。

あなたが望むなら、私がここで話していることを正確に見ることができます：

http://www.green-panda.com/contact.php