Question

奇怪的错误在这里。在互联网上搜索了几个小时，但尚未找到有效的解决方案：（

https://www。*****。***** /

仅在具有视差的页面上发生，没有视差的页面很好（生物图像页面）。

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

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

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

希望有人可以向我解释正在发生的事情以及如何解决它。

最诚挚的问候

Answer 1

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

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

使用：

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

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