<分区>
我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。
关闭 6 年前。
标签 javascript jquery html css
我需要创建类似 that 的东西
我的理解是,无论窗口大小如何,背景都会调整大小以完美适应,一旦我向下滚动,导航栏就会变得可见并固定在顶部。
我相信我将需要 javascript(?),显然还需要 HTML 和 CSS。
任何提示,甚至是搜索内容,我们都将不胜感激。
最佳答案
只需在谷歌上搜索“粘性导航”之类的内容。这是我找到(使用 jquery)并编辑的代码笔: https://codepen.io/anon/pen/NABAxd .
这个想法非常简单:您将处理程序附加到 scroll
事件以检查用户是否向下滚动了一定量。基于此,您将 position:fixed
应用或删除到元素。您可以通过 window.pageYOffset
找到从顶部滚动的像素数量。
编辑:
您可以将 height: 100vh
设置为第一部分以覆盖整个浏览器窗口。我已经编辑了代码笔。
关于javascript - 创建滚动到第二部分后出现的导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38656253/