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

Ads

タッチイベントによるホイール
スクロール等を可能にする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);

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

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

Touchy