css - 页面滚动?也许 z-index?

标签 css scroll z-index frontend custom-scrolling

大家好,我确定这个问题已经出现在某个地方,但我不确定使用正确的词汇来搜索我正在寻找的内容。所以我收集网页并将它们用于元素的灵感,并遇到了 website with a scrolling feature

我看到的是当您向下滚动主页时​​,会越过标题视频的顶部。我认为它很时尚,但我一直在开发人员工具上打开和关闭复选标记,看看他们是如何做到的,我确信它与 z-index 有关,但我有点难过。可能是因为现在是凌晨 1 点。

抱歉这个菜鸟问题,我只是真正了解前端的东西。

如有任何帮助,我们将不胜感激。

-本

最佳答案

是的,div id="content"z-index: 30。此外,div id="video-container"position: fixed;顶部:0

编辑:请注意,如果您取消选中 #content 的 z-index,它不会改变任何内容(至少对我来说在 Chrome 中不会),因此这可能是多余的,除非他们对使用它的其他页面进行其他操作。但是,如果您更改 #video-container 使其具有更高的 z-index,那么它将位于其他内容之上。

关于css - 页面滚动?也许 z-index?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29665640/

相关文章:

html - z-index 在悬停的侧导航上无法按预期工作

html - 使无序列表可滚动

jquery - 更改多个元素的类

html - 如何区分 CSS 中的无序列表?

bash - 如何将终端回滚到上次发出命令的位置?

jquery - 仅在滚动时更改 div 的不透明度 - 静止时变回完全不透明度

html - 固定内容滚动布局

css - 如何让 Div 出现在屏幕上所有其他内容的顶部?

css - z-index 不适用于 rotateX

jquery - 将图标添加到 JQuery Accordion