固定视差标题图像

Question

我一直试图弄清楚如何达到与此类似的效果：ishothim.com。包含标题图像或幻灯片显示的固定div。然后，当用户向下滚动时，该div与其余内容重叠。并且一个整洁的按钮指向下方滚动到实际内容。我使用css z-index对不同的div和waypoints.js进行分层，以确保导航是粘性的。但它似乎还没有完善和准备好。

我觉得必须有更优雅的jQuery方式来做这件事，但我不知道从哪里开始。我尝试过视差滚动，但它似乎对我想要达到的目标来说太复杂了。必须有一些更简单的东西。任何想法和指示都非常受欢迎。

Answer 1

要使用z-index，您还必须在课堂上指定position。在这种情况下，它很可能是position: fixed;