创建滚动到第二部分后出现的导航栏

Create nav bar that appears after scrolling to second section

本文关键字：导航滚动第二部分创建更新时间：2023-09-26

我需要创建类似的东西

我所理解的是，无论窗口大小，背景的大小都会调整为完美匹配，一旦我向下滚动，导航栏就会变得可见并粘在顶部。

我相信我将需要javascript（？），显然还有HTML和CSS。

任何提示，甚至搜索内容都将不胜感激。

只需在谷歌上搜索类似"粘性导航"的内容。以下是我找到并编辑的代码笔（使用jquery）：https://codepen.io/anon/pen/NABAxd.

这个想法非常简单：将一个处理程序附加到scroll事件，以检查用户是否向下滚动了一定的量。在此基础上，将position:fixed应用于元素或将其删除。您可以通过window.pageYOffset找到从顶部滚动的像素数量。

编辑：您可以将height: 100vh设置为第一部分，以覆盖整个浏览器窗口。我已经编辑了代码笔。