iPhone向けのWebサイトで滑らかにスライドアニメーションをさせるときのお話。結論から言うと、現時点では-webkit-transform translate3dを使うのがベストなようです。 以下、テストで使用したコードです。サンプル画像としてappleのiPhone4の画像を使わせてもらいました。 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <style> * { margin: 0; padding: 0; } #slider { width: 601px; height: 100%; overflow-x: hidden; position: absolute; } #slider ul
![iPhoneで滑らかにスライドアニメーションさせる - プログラマ憧れプログラマ日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/06a15c64ba0ceec233d86d71001ebb29a9dcbf5d/height=288;version=1;width=512/https%3A%2F%2Fcdn.blog.st-hatena.com%2Fimages%2Ftheme%2Fog-image-1500.png)