网站在滚动时闪烁 - iOS 移动设备。我该如何解决？答案

【问题标题】：Website flickers on scroll - iOS mobile. How do I fix this?网站在滚动时闪烁 - iOS 移动设备。我该如何解决？
【发布时间】：2019-08-08 04:56:18
【问题描述】：

在 iOS 移动设备上滚动时，我的网站闪烁失控。在 Android 上根本没有遇到任何问题。

我已经阅读了一些类似的论坛讨论

-webkit-overflow-scrolling: touch;
-webkit-transform:translate3d(0,0,0);
-webkit-backface-visibility: hidden;

但我的尝试似乎都没有奏效。我认为部分原因是我无法分辨是哪个特定元素导致了闪烁。在我看来，整个网站都在闪烁。

我用过

-webkit-overflow-scrolling: touch;

过去，但现在当我检查代码时，它说它具有无效的属性值。其他一些人正在经历同样的事情；我认为该功能已停止使用或其他原因。

我只想要我们都习惯了的简单、正常的移动滚动。

提前非常感谢！

编辑我发现一旦单击“单击开始”按钮并关闭弹出窗口，闪烁就会停止。这不会发生在任何其他按钮上，只有这个按钮。我一直在努力将此弹出窗口与网站的其余部分集成，所以看起来这是罪魁祸首。

仍然没有任何强有力的线索可追...不知道为什么打开和关闭此弹出窗口会导致网站正确响应。

编辑 2 好的，所以我删除了一张 CSS 表，现在滚动工作。试图隔离此 CSS 文件中导致此滚动问题的内容。这是link。知道这里发生了什么吗？

【问题讨论】：

【解决方案1】：

好吧，事实证明弹出包装器的 css 属性“display: none”干扰了其他一些 css 属性（？）。我将其更改为“display:block”，并编写了另一种方式来隐藏带有 z-index 的弹出包装。不再闪烁！

【讨论】：