Lamiyi

David Aurelio 氏は、iPhone、iPad、Android 上の WebApps 用のスクロール レイヤーである TouchScroll を発表しました。

TouchScrollは、WebKit Mobile向けのスクロールレイヤーです。JavaScript/CSS 3ベースで、iPhoneやAndroidで閲覧したWebページ上のヘッダーやツールバーなどの固定要素を操作できます。iPadでも動作します。デモ（短縮URL：http://u.nu/8uvg8）で動作をご確認ください。デスクトップ版Safari（少なくともある程度は動作します）またはWebKit Nightly（非常に良好）で動作しますが、iPhone、iPad、Android搭載デバイスで実際に動作確認してみることをお勧めします。

TouchScroll は JavaScript と CSS 3 の組み合わせを使用します。すべてのアニメーションは CSS トランジションで実行され、JavaScript インターバルは使用されません。

スクロール境界を越えるときの弾力効果は、ベジェ曲線 (タイミング関数として使用) を 2 つのサブ曲線に分割することによって実現されます。

続きを読む [Daring Fireball経由]