私はjavascriptで視差効果を使用していますが、iPadで問題が発生しています。iPad視差ちらつき
私はWebKitのタッチデバイドにトリガされません「.scroll $(ウィンドウ)」を知っている - 私たちは、画面を解除するときにのみ - ので、私は使用しています:
window.addEventListener("touchmove", triggerScroll, false);
function triggerScroll(event)
{
var scrollTop = $(window).scrollTop();//event.touches[0].pageY; //window.pageYOffset();
$("#allCanvas .divCanvas").each(function(index, element) {
var speed = $(element).data('speed');
var initialTop = $(element).data('initialtop');
$(element).css('top', initialTop-(scrollTop*speed));
});
}
問題は、それがちらつくということです.div上下にスクロールしているかどうかに応じて、上下に数ピクセルの範囲で変化します。
$(要素).css( 'top'、initialTop-(scrollTop * speed))に渡されるTOP値をトラッキングしました。毎回正しいです。正しい「TOP」値。ウェブキットが数ミリ秒間間違った位置に移動するのですが
私も試しました: - "top"ではなく "margin-top"で違いはありません。 - 他のすべてのオブジェクトを削除し、 ".each"ループを1つのdivだけにするので、jQueryのパフォーマンス上の問題ではないと思います。
誰もこの問題に遭遇しましたか?
感謝 サンディエゴ