如何讓我的導航出現在我的網頁的某個部分？

Question

如何使它在#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); 
    } 

Answer 1

函數之前添加var windowHeight = $(window).height();和改變< 0到> windowHeight

因此，這將顯示，當你滾動下來100vh

還添加顯示：無屬性.navbar

所以它會最初隱藏導航欄。