Skrollr を使用して構築しているパララックス サイトに問題があります。
https://www.spotify.com/uk/と同じ効果を持つサイトを構築しました。この効果は、ブラウザの自然なスクロールよりもゆっくりと移動する大きな全幅の背景画像であり、テキストやその他の画像がその上を移動します。
デスクトップ ブラウザで表示すると、サイトは正常に機能し、完璧に機能します。私が抱えている問題は、iPad (iOS 6.1.3) でテストしているときに画面から指を離すと、Skrollr のインターシャ アニメーションが引き継がれ、画面上の大きな背景画像やその他のコンテンツがジッターし始め、画面上でジャンプすることです。画面。これは、指を画面に触れたままスクロールした場合には発生せず、指を離してイージングが引き継がれた場合にのみ発生します。
私が試したいくつかのことは次のとおりです。
webkit-backface-visibility:hiddenすべての背景画像と skrollr-body div の設定。- を使用して要素をアニメーション化する
–webkit transition: translate3d
このページのちらつきの問題が発生する理由を誰かが明らかにできれば、それは素晴らしいことです.