position: fixedもmetaタグも使わずにiPhone用ウェブサイトをアプリっぽく見せる（twitterっぽく） - Yusuke Sugomori's Blog

9/22 追記 改）position: fixedもmetaタグも使わずにiPhone用ウェブサイトをアプリっぽく見せる（twitterっぽく）にて、 よりすっきりしたコードを紹介しています。ぜひそちらを参考にしてください。 まずはiPhoneのSafariでtwitterにアクセスしてみてください。普通のウェブサイトとはスクロールしたときの動きが何か違います。特徴的なのは、 ヘッダーが固定されている 一番上までスクロールしてもURLバーが出ない 代わりに、スクロールされるのはタイムライン部分だけヘッダーの固定についてはiOS5からCSSの position: fixed がサポートされたので困ることはなくなるかもしれませんが、これでも一番上までスクロールするとURLバーが見えてしまいます。 一方、twitterではiOS4でもヘッダーは固定され、かつ一番上までスクロールしてもURLバーは

[yuu_goto]

TwitterのスマートフォンサイトのようにURLバーは表示させず（上までスクロールさせても）ヘッダー固定にする方法についてCSS・JSのサンプルコード掲載。viewportは使うと実現できない。

[tkawa]

Twitterが使っている手法。なんかスクロールに違和感がある気も

[kkeisuke]

touchmoveの量だけtranslate3dでscrollview-hostを移動

[mainyaa]

これはよさげ