Skrollr iOS問題

我遇到了使用Skrollr構建的視差網站問題。Skrollr iOS問題

我建立了一個與https://www.spotify.com/uk/效果相同的網站。效果是移動比自然瀏覽器滾動更慢的大型全寬度背景圖像，並且文本和其他圖像在其上移動。

在桌面瀏覽器中查看時，該網站運行良好並且運行良好。我遇到的問題是在iPad上進行測試（iOS 6.1.3），並且從屏幕釋放手指並且Skrollr的接力動畫接管時，屏幕上的大背景圖像和其他內容開始抖動並跳到屏幕。當你的手指觸摸屏幕並滾動時，這種情況不會發生，只有當你放開並鬆動時纔會發生。

我已經試過幾件事情是：

設置上所有的背景圖像webkit-backface-visibility:hidden，並且skrollr體股利。使用–webkit transition: translate3d

如果還有人能夠解釋爲什麼我得到這個頁面閃爍的問題，這將是偉大的任何光線

動畫元素。

來源

2013-06-19 harrynorthover

當您手動調用'animateTo'時，是否會發生這種情況？添加一個按鈕來測試這個。 – Prinzhorn

我通過將Skrollr版本回滾到0.5.14（2013-04-04）來修復問題，該問題仍然使用iScroll？我認爲它必須做到動畫頂級位置而不是webkit轉換：translate？ https://github.com/Prinzhorn/skrollr/issues/182 – harrynorthover

可能。如果你可以在GitHub上打開一個問題並幫助調試它，那將是非常好的。嘗試使用'top'，通過替換這一行https://github.com/Prinzhorn/skrollr/blob/master/src/skrollr.js#L562（你需要使'＃skrollr-body''position：absolute '以及） – Prinzhorn

我有一個非常類似的問題（即Skrollr/iOS視差背景圖像'閃爍'）。我相信你會發現它與此有關：cubiq.org/you-shall-not-flicker

簡單的解決方案（從文章）：-webkit-transform:translate3d(0,0,0)。

來源

2014-08-08 07:13:35 Paskainos

回答

相關問題