5

私はグーグルマップのような地図のウェブサイトを構築しています。互いに接続された画像のタイルがあります。マップはマウスでドラッグすることで探索され、ドラッグするたびに新しい画像が読み込まれます。ドラッグによる探索機能を使用するために、次の2つの方法を見つけました。

  1. スクロール関数を呼び出して、マップ内の適切な場所にスクロールします
  2. マップにcss-transformtranslateを適用して、マップの右側が表示領域に入るようにします。

問題は、メソッド間にパフォーマンスの違いがあるかどうかです。（主にレンダリング速度とドラッグの滑らかさの観点から）また、方法の1つを好む他の基準はありますか？

4

2 に答える 2

1

CSS変換はドキュメントのリフローを引き起こす可能性があり、非常にコストがかかるため、スクロールの方が優れています。

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

于 2012-02-14T18:33:17.877 に答える
0

モバイルゲームに取り組んでいる間、私たちはこのようなことをしました.

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

于 2012-03-14T22:35:42.513 に答える