jquery - 固定视差标题图像

标签 jquery css css-position parallax

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

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

最佳答案

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

关于jquery - 固定视差标题图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14276062/

相关文章:

html - 如何创建不同级别的粘性标题?

javascript - 如何使用带词缀的 css bootstrap list-group 在列中创建粘性菜单?

javascript - 根据可见行数有条件地在表上显示按钮

html - 网站有水平滚动条

html - 将 HTML 页面分成水平部分,没有垂直滚动条

html - 有没有办法在没有背景的情况下修复图像在 div 中的位置?

javascript - 滚动偏移和元素的两个条件

javascript - 通过 Jquery 接收焦点时打开下拉菜单

html - 以 Flex 为中心的盒子内容不再有效

css - 在最终计算位置之后收缩包装,而不是初始计算位置