0

我在使用 Skrollr 构建的视差站点时遇到问题。

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

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

我尝试过的几件事是：

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

如果有人能解释为什么我会遇到这个页面闪烁的问题，那就太好了。

4

1 回答 1

0

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

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

于 2014-08-08T07:13:35.683 回答