css - 内容流过滚动条

这里有奇怪的错误。在互联网上搜索了几个小时，但还没有有效的解决方案:(

https://www .*****.*****/

它只发生在有视差的页面上，没有视差的页面很好（传记页面）。

发生的情况是，当您仔细观察时，您会看到白色透明的标题流过滚动条。

当仔细观察时，你会发现整个身体都漂浮在我的滚动条上。

有谁知道100％解决这个问题的方法？我在互联网上尝试了很多很多答案，但没有一个给我一个可行的解决方案。

希望有人可以向我解释发生了什么以及如何解决它。

此致

标签： cssoverflowcss-positionparallax

不能将菜单放在滚动条下方，因为带有.parallax容器的页面上的滚动条不是<body>的滚动条，而是.parallax的滚动条。
并且你不能将元素 A 放在元素 B 和元素 B 的滚动条之间，除非元素 A 是元素 B 的后代。

然而，真正的问题不是将菜单放在滚动条下。真正的问题是能够通过菜单使用滚动条（单击其顶部箭头），它们重叠。

这是很有可能的，使用：

.menu {
  pointer-events: none;
}
.menu-wrapper > * {
  pointer-events: all;
}

（这使得菜单对指针事件透明，除了.menu-wrapper不与滚动条重叠的的子级）。