タッチデバイスで要素をスムーズに回転させるjQueryプラグイン・Touchy

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。

タッチイベントによるホイール
スクロール等を可能にするjQuery
のプラグイン。ラッチ（ｶﾁｶﾁ感）
の無い、慣性ホイールスクロール
も実装可能です。ドラッグや
フリックなども対応してるみたい。

ラッチの無い慣性ホイールスクロールをタッチデバイスで実装出来る、というスクリプト。タイトルはアレですが、そのほかスワイプなどにも対応しています。

Touchy

慣性ホイールスクロールを可能にするライブラリ。それ以外のタッチイベントにも対応していますが、特にホイール操作が気持ちよかったです。

以下サンプル。※タッチデバイスのみで動作します。

Sample

コード

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="jquery.touchy.js"></script>

本体とプラグイン。

var handleTouchyPinch = function (e, $target, data) {
    $target.css({'webkitTransform':'scale(' + data.scale + ',' + data.scale + ')'});
};
$('#foo').bind('touchy-pinch', handleTouchyPinch);

イベントハンドラにバインドさせます。

サンプル、いい動きなので是非触ってみてください。