iPad でスムーズな jQuery.animate({left:$VariablePixels}) アニメーションを取得するのに問題があります。実際には、まったくアニメーション化されていません。アニメーションの終点にジャンプするだけです。
状況は次のようなものです: グラフに沿って自動的に移動するポインターがグラフにあります。ポインターが指している「フレーム/グラフ部分」に応じて、追加情報が表示されます。問題は、これらのグラフが多数あり、フレーム数が異なることです。20 人から 5,000 人もいる可能性があります。私のコンピューターでは問題なく動作します。Firefox、chrome、safari、IE7 以上、すべて問題ありません。しかし、iPadではありません。
jquery.mobile ライブラリを使用してみました。変わりはない。CSS transform:translate() を使用してみましたが、それは対応しています。うまくいきませんでした。
.css({'transform':'translate(' + Loc_New + 'px,0px)',
'transition': 'all ' + Speed + 's ease-in-out'});
ポインターは動きましたが、しばらくすると正しい方向にはおろか、どこにも行かずに前後に動き始めました。最初は「フレーム」よりもアニメーションの方が長いからだと思っていたのですが、速度を半分にしても直りませんでした。
ポインター要素の「左の位置」ではなく「幅」を使用してみました。これはマルハナバチのように前後に移動しないという点でいくらかうまく機能しましたが、アニメーションはスムーズにはほど遠く、いくつかのヒックアップが発生しました。
質問: iPad でポインタをスムーズに動かすにはどうすればよいですか? jquery.mobile を含めるだけでなく、jquery.mobile で何か特別なことをする必要がありましたか? 私のために働くかもしれない別のタイプのCSSアニメーションはありますか? それとも、一緒に別の解決策がありますか？