Skrollr iOS问题

Question

我正在使用Skrollr构建视差网站的问题。

我建立了一个与https://www.spotify.com/uk/具有相同效果的网站。效果是大型全宽背景图像比自然浏览器滚动慢，并且文本和其他图像在其上移动。

在桌面浏览器上查看时，该网站运行良好并且表现完美。我遇到的问题是在iPad上进行测试（iOS 6.1.3）并且你从屏幕上松开手指并且Skrollr的intertia动画接管，屏幕上的大背景图像和其他内容开始抖动并跳到屏幕。当你仍然用手指触摸屏幕并滚动时，这种情况不会发生，只有当你松开并且缓和接管时才会发生。

我尝试过的几件事情是：

• 在所有背景图片和skrollr-body div上设置webkit-backface-visibility:hidden。
• 使用–webkit transition: translate3d
动画元素

如果有人能说清楚为什么我这个页面闪烁的问题会很好。

Answer 1

我有一个非常相似的问题（即Skrollr / iOS视差背景图像'闪烁'）。我相信你会发现它与此有关：cubiq.org/you-shall-not-flicker

简单的解决方案（来自文章）：-webkit-transform:translate3d(0,0,0)。