html - Twitter Web アプリはどのようにしてこのようなネイティブな感覚を実現したのでしょうか?

Question

iPhone で twitter.com Web アプリを起動できる人なら、アドレス バーが消えて Twitter のヘッダー バーに置き換わっていることに気付くでしょう。伸縮自在にコンテンツをスクロールできますが、Twitter のヘッダー バーはネイティブ アプリと同じように固定されます。この人たちはどうやってそれをしたのですか？

更新: Web アプリを変更したようです。以前は、煎茶のようなものでした。完全なライブラリを使用せずに効果を作成しようとしています。これを見てください：

http://cdn.sencha.io/touch/sencha-touch-2.1.0/examples/kitchensink/index.html

Answer 1

アドレスバーを完全に非表示にすることはありませんでした。彼らは Mobile Safari のスクロールダウン動作を使用しているため、アドレスバーがページと共にスクロールします。彼らがしたことは、ページを下にスクロールすることでした。おそらくこれを使用しwindow.scrollByて、アドレスバーが「消えます」（他のページと同じように）。ページをいじると、もう一度一番上までスクロールできます。