如何使导航出现在网页的特定部分？

Question

如何使它消失在#part1部分，然后使导航栏出现在#part2,3,4部分？

我尝试将值从301更改为0，但导航栏仍然存在。 在#part1我不希望导航栏可见。 但是，在被称为#part2, #part3, and #part4第2、3、4节中#part2, #part3, and #part4我希望导航出现。

这是我要使我的投资组合在导航栏上看起来像的概念的示例 。

网站代码

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

Answer 1

添加var windowHeight = $(window).height(); 函数之前，将< 0更改为> windowHeight

当您向下滚动100vh时会显示

还添加一个显示：.navbar的none属性

因此，它将最初隐藏导航栏。