内容流过滚动条答案

【问题标题】：Content flows over scrollbar内容流过滚动条
【发布时间】：2019-01-14 16:32:35
【问题描述】：

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

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

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

当你仔细观察时，你会看到白色透明的标题流过你的滚动条。

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

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

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

最好的问候

【问题讨论】：

【解决方案1】：

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

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

这很有可能，使用：

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

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

【讨论】：

你就是男人！这确实完美！太感谢了！整晚都在试图解决这个问题（以前从未见过），但从未找到解决方案。你让我很开心！
不过我还有一个问题......有没有办法正确解决所有这些问题？在 PC 上一切都很好，但是当我尝试在平板电脑或手机上滚动时（在这个例子中都是苹果），滚动都搞砸了。它确实滚动，但是一旦您将手指从屏幕上移开，它就会停止滚动，而不是正常滚动（它会逐渐自行停止）。最好的问候
@Amgelo，这是一个完全独立的问题。 SO的原理需要你单独问，所以任何有类似问题的人都可以从答案中受益。特别是，这是因为您使用的视差方法存在缺陷。有很多视差方法，只有少数是 iOS 友好的。简而言之，你弄错了主题。我的猜测是它的创造者甚至都不知道它（或者他们会选择更好的视差技术）。
抱歉，我以后会考虑这个问题的：）谢谢你的回答！