2012-03-07 15 views
1

私は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のパフォーマンス上の問題ではないと思います。

誰もこの問題に遭遇しましたか?

感謝 サンディエゴ

答えて

0

はたぶん...これらは、iOSデバイス上で非常にスムーズに実行-webkit CSSのアニメーション機能の一部を使用してみてください。以下はその素晴らしいデモです(ウェブキットのみ):http://jibjub.com/demo/HTML5/cube.html