我正在使用Skrollr构建视差网站。
我已经建立了一个网站，具有相同的效果https://www.spotify.com/uk/。效果是大的全宽背景图像，移动速度比自然的浏览器滚动慢，并有文字和其他图像在他们的顶部移动。
当在桌面浏览器上查看时，该网站功能良好，表现完美。我遇到的问题是，在iPad (iOS 6.1.3)上测试时，当你把手指从屏幕上移开时，Skrollr的动画开始起作用，屏幕上的大背景图像和其他内容开始在屏幕上抖动和跳跃。当你的手指还在触摸屏幕并滚动时，这种情况不会发生，只有当你松开手指并开始滑动时才会发生。
我试过的几件事是:
- 设置
webkit-backface-visibility:hidden在所有的背景图像，和skrollr-bodydiv。 - 使用
–webkit transition: translate3d动画元素
如果有人能透露任何光为什么我得到这个页面闪烁的问题，那将是伟大的。
我有一个非常类似的问题(即Skrollr/iOS视差背景图像'闪烁')。我相信你会发现它与这个有关:cubiq.org/you-shall-not-flicker
简单的解决方案(来自文章):-webkit-transform:translate3d(0,0,0)。