固定视差标题图片

Question

我一直在尝试找出如何实现类似于以下效果： ishothim.com 。 包含标题图像或幻灯片的固定div。 然后，当用户向下滚动时，此div将与其余内容重叠。 还有一个整洁的按钮，向下滚动到实际内容。 我已经使用css z-index对不同的div和waypoints.js进行分层，以确保导航是粘性的。 但是它似乎还不够完善和准备就绪。

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

Answer 1

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