内容流过滚动条
Content flows over scrollbar
这里有奇怪的错误。在互联网上搜索了几个小时,但还没有有效的解决方案:(
https://www.*****.*****/
只出现在有视差的页面,没有视差的页面也可以(传记页面)。
当你仔细观察时,你会看到白色的 transparant-ish header 流过你的滚动条。
仔细观察,您会发现整个 body 都漂浮在我的滚动条上。
有谁知道 100% 解决这个问题的方法吗?我在互联网上尝试了很多很多答案,但 none 给了我一个可行的解决方案。
希望有人可以向我解释发生了什么以及如何解决它。
此致
您不能将菜单放在滚动条下方,因为带有.parallax
容器的页面上的滚动条不是<body>
的滚动条,而是.parallax
的滚动条。
并且不能将元素 A 放在元素 B 和元素 B 的滚动条之间,除非元素 A 是元素 B 的后代。
但是,真正的问题不是将菜单放在滚动条下。真正的问题是能够使用滚动条(单击其顶部箭头)通过 菜单,它们重叠的地方。
这是很有可能的,使用:
.menu {
pointer-events: none;
}
.menu-wrapper > * {
pointer-events: all;
}
(这使得菜单对指针事件透明,.menu-wrapper
的子项除外,它们不与滚动条重叠)。
这里有奇怪的错误。在互联网上搜索了几个小时,但还没有有效的解决方案:(
https://www.*****.*****/
只出现在有视差的页面,没有视差的页面也可以(传记页面)。
当你仔细观察时,你会看到白色的 transparant-ish header 流过你的滚动条。
仔细观察,您会发现整个 body 都漂浮在我的滚动条上。
有谁知道 100% 解决这个问题的方法吗?我在互联网上尝试了很多很多答案,但 none 给了我一个可行的解决方案。
希望有人可以向我解释发生了什么以及如何解决它。
此致
您不能将菜单放在滚动条下方,因为带有.parallax
容器的页面上的滚动条不是<body>
的滚动条,而是.parallax
的滚动条。
并且不能将元素 A 放在元素 B 和元素 B 的滚动条之间,除非元素 A 是元素 B 的后代。
但是,真正的问题不是将菜单放在滚动条下。真正的问题是能够使用滚动条(单击其顶部箭头)通过 菜单,它们重叠的地方。
这是很有可能的,使用:
.menu {
pointer-events: none;
}
.menu-wrapper > * {
pointer-events: all;
}
(这使得菜单对指针事件透明,.menu-wrapper
的子项除外,它们不与滚动条重叠)。