2017-08-07 10 views
0

#part1セクションで表示を消すにはどうすればいいですか?#part2,3,4セクションにナビゲーションバーを表示させますか?ウェブページの特定のセクションにナビゲーションを表示させるにはどうすればよいですか?

値を301から0に変更しようとしましたが、ナビゲーションバーはまだそこにありました。 オン#part1ナビゲーションバーを表示したくありません。しかし、セクション2,3,4(#part2, #part3, and #part4として知られています)では、ナビゲーションが表示されます。

私がポートフォリオをナビゲーションバーのように見せようとしているコンセプトのexampleです。になしプロパティ:

Site code

$(window).on("scroll", function() { 
    if ($(this).scrollTop() < 0) { 
    $(".navbar").show(); 
    } else { 
    $(".navbar").slideUp(400); 
    } 

答えて

1

また、ディスプレイを追加するので、それはあなたが100VH

ためにスクロールダウンしましたときに表示される関数の前にvar windowHeight = $(window).height();を追加し、> windowHeight

< 0を変更.navbar

これで、最初にnavbarが非表示になります。

+0

こんにちは、ポストのおかげで、作業中のjsfiddleがありますか? –

+1

@JonBridge https://jsfiddle.net/qm6np5k5/1/ –

関連する問題