如何让我的导航显示在我网页的某个部分？

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时它会显示

还要将display：none属性添加到.navbar

因此它最初会隐藏导航栏。