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

Question

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

https://s3-us-west-1.amazonaws.com/stage.coefficientlabs.com/index.html

我读过一些类似的论坛讨论

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

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

我用过

-webkit-overflow-scrolling: touch; 

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

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

提前非常感谢!

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

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

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

Answer 1

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