スマホサイト制作：URLバーをページ読込み完了時に引っ込める方法 - Kaleidoscope

今回もあまりがっつり書ける時間が無いので、超小技のエントリー(￣▽￣;) たとえば、Yahooさんとかがやっているんですが、 「ページを読込んだときに、URLバーが引っ込む」という、ちょっとした気配りの動き。 Yahoo! JAPAN （スマートフォンサイト） （Yahooさんの手法とは違うかもしれませんが） その方法を紹介します。 僕の場合は、ページ読込みが完了した時に1ピクセルだけスクロールさせています。 そもそも、iOSのSafariやAndroidの「ブラウザ」は、 ページ読み込み完了時に、スクロール位置が1ピクセル以上あった場合、 URLバーが引っ込む仕様のようです。 （あくまで推測。ページ内リンクなどで、そうなるのが根拠です。） まぁ、これのなにがいいのかというと、 ページの表示範囲を少し広く見せられる。 ってところでしょうか。 やり方は簡単です。 JavaScriptでWin

[izit_kosuke]

id:woopsdezさん、Androidでは動かないっぽい>僕のIS03では動くんですけど、よろしければ詳細教えていただければです。

[hidehish]

見てる:

[sw_lucchini]

読み込み後、1px以上スクロールさせると消える。その方法も。

[aki77]

『iOSのSafariやAndroidの「ブラウザ」は、ページ読み込み完了時に、スクロール位置が1ピクセル以上あった場合、URLバーが引っ込む仕様のようです』