2

jQuery/JavaScript を使用して CSS3 プロパティを設定することにより、div 要素のドラッグ スクロール機能を実装しようとしています。次の css スタイル パラメータを操作する可能性を思いつきましたが、どれを使用するか迷っています。以下のようにプロパティを設定することの違いは何ですか?

  • obj.style.transform = 'translate(x, y)';
  • obj.style.top = x; obj.style.left = y;
  • obj.scrollTop = x; obj.scrollLeft = y;

レガシー Web ブラウザーについてはまったく気にしません。最新のブラウザのみを使用していると仮定してください。互換性は問題ではありません。

4

1 に答える 1

1

これを使用してください：

obj.style.webkitTransform = 'translate3d(x, y, 0)'

したがって、GPU アクセラレーションを使用すると、スクロールが十分にスムーズになります。Transform プロパティは、最新のすべてのブラウザーで特別なベンダー プレフィックスを使用して利用できます。このプロップを変更するには、最高の fps を達成するために requestAnimationFrame または css3 アニメーションを使用します。

于 2013-11-03T13:41:54.390 に答える