0-9
フリック用JSまとめ

flipsnap.js

http://webtech-walker.com/archive/2011/03/28205254.html

iScrollの切り出し版。Androidでちょっと動きが微妙(指の動きに追従しない)

コード短くて読みやすい。-webkit-transform3dで実装。brunchにwebkit以外の実装版もある。

イベントの範囲が対象要素のみなので使いやすい。

Androidに追従するバージョン作ったけど、他のライブラリのほうがなめらかかも。

http://jsdo.it/kyo_ago/8zAd

iScroll

http://cubiq.org/iscroll-4

超多機能。Androidでdemoが動かなかった。

でかすぎてコード読む気せず。

イベントを貼る範囲がでかいの注意(inner scroll実装してるから)

jQuery.flickable

http://lagoscript.org/jquery/flickable

Androidでなめらか。DOMの構造変えたりとか、コードの中身自体はちょっと微妙かも。。。

くくった場所をoverflow:autoにしてscrollLeftとかで動かしてる。

イベントを貼る範囲は対象要素のみ。

本家は最新のjQueryに対応してないけど修正したバージョン作った。

デモ

http://jsrun.it/kyo_ago/leuq

コード

http://jsdo.it/kyo_ago/thE3/js

Dragdealer JS

http://code.ovidiu.ch/dragdealer/

Androidでなめらか。コードの中身は微妙だけど、IE6も対応なのでしょうがないか。

イベントを貼る範囲がでかいの注意。

くくった場所をposition: absoluteして、top, leftで動かしてる。

Flipper.js

http://jsdo.it/kyo_ago/ezkv

flipsnap.jsベースに動きをplugin的に追加できるようにしたもの。

自作だけど開発放棄したので注意(機構的にAndroidでなめらかにならない可能性が高いので)

これ以外はあんまりAndroidで動かなかったりしたのでそんなに見てない。

Android考えるならでかいライブラリの一機能使うほうがいいかも。

  1. sanemat0-9からリブログしました
  2. 0-9の投稿です