Skrollr iOS问题

Question

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

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

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

我尝试过的几件事是：

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

如果有人能阐明我为什么出现此页面闪烁的问题，那将是很好的。

Answer 1

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

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