画面全体で要素を 50px 単位で移動する必要があります。クリックするたびに、要素は右に 50px 移動します。
次のコードを修正するにはどうすればよいですか?
ここでは、毎回 50px ジャンプしてから 50px を変換し、1 回のクリックで合計 100px になります。動きをハードウェアで加速する必要があり (モバイル プラットフォームに展開するため)、translate() を使用する必要があります。
画面全体で要素を 50px 単位で移動する必要があります。クリックするたびに、要素は右に 50px 移動します。
次のコードを修正するにはどうすればよいですか?
ここでは、毎回 50px ジャンプしてから 50px を変換し、1 回のクリックで合計 100px になります。動きをハードウェアで加速する必要があり (モバイル プラットフォームに展開するため)、translate() を使用する必要があります。
最後の 2 行をコメントアウトするだけです。これらが最初の 50px ジャンプの原因です。
//left += 50;
//move.style.left = left+"px";
編集
クリックするたびに機能させるには.offset
、上記の行をコメントアウトすると変更されなくなるため、プロパティではなく、現在のプロパティに対して translate3d プロパティを変更する必要があります。
これが実際の例です: http://jsfiddle.net/vujMV/16/