我正在使用Skrollr构建视差网站的问题。
我建立了一个与https://www.spotify.com/uk/具有相同效果的网站。效果是大型全宽背景图像比自然浏览器滚动慢,并且文本和其他图像在其上移动。
在桌面浏览器上查看时,该网站运行良好并且表现完美。我遇到的问题是在iPad上进行测试(iOS 6.1.3)并且你从屏幕上松开手指并且Skrollr的intertia动画接管,屏幕上的大背景图像和其他内容开始抖动并跳到屏幕。当你仍然用手指触摸屏幕并滚动时,这种情况不会发生,只有当你松开并且缓和接管时才会发生。
我尝试过的几件事情是:
webkit-backface-visibility:hidden
。–webkit transition: translate3d
如果有人能说清楚为什么我这个页面闪烁的问题会很好。
答案 0 :(得分:0)
我有一个非常相似的问题(即Skrollr / iOS视差背景图像'闪烁')。我相信你会发现它与此有关:cubiq.org/you-shall-not-flicker
简单的解决方案(来自文章):-webkit-transform:translate3d(0,0,0)
。