は、トランスフォームのパフォーマンスの違いがあります。スクロール

Question

Googleマップのような地図のウェブサイトを構築しています。お互いにつながった画像のタイルがあります。マウスでドラッグすると地図が探検されます。ドラッグするたびに新しい画像が読み込まれます。右側の部分ように、地図上の変換CSSは、変換を適用するマップ

で適切な場所にスクロールするスクロール機能を呼び出す

1. ：探検・バイ・ドラッグ機能を持っているために、私は2つの方法を発見しました表示されたエリアに地図の地図が表示されます。

質問は、メソッド間にパフォーマンスの違いはありますか？ （主にレンダリング速度と滑らかさを引き出す点で） また、いずれかの方法を好む他の基準はありますか？

Answer 1

CSSトランスフォームがドキュメントの再フローを引き起こす可能性があるため、スクロールが優れています。これは非常に高価です。

参照：http://www.stubbornella.org/content/2009/03/27/reflows-repaints-css-performance-making-your-javascript-slow/

Answer 2

我々はこのような何かをした携帯ゲームに取り組んでいる間。

iScroll JSライブラリを使用しました。 http://cubiq.org/iscroll-4