jquery - 固定视差标题图像

Question

我一直在想办法实现类似这样的效果:ishothim.com .包含标题图像或幻灯片的固定 div。当用户向下滚动时，此 div 将与其余内容重叠。还有一个简洁的按钮，向下滚动到实际内容。我使用 css z-index 对不同的 div 和 waypoints.js 进行分层，以确保导航具有粘性。但它似乎还不够完善和准备就绪。

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

Answer 1

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