内容流过滚动条

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 的子项除外,它们不与滚动条重叠)。