2010年07月28日

iPhoneでステータスバーを消す方法

iPhoneではステータスバーを消す為のフルスクリーンモードが用意されています。以下のmetaタグを追加するだけでOK。

<meta name="apple-mobile-web-app-capable" content="yes" />


しかし、フルスクリーンモードはホーム画面に登録後にホーム画面から起動したページにしか適応されない。微妙すぎる。

つぎのjQueryコードを入れておくと自動でステータスバーが消えます。

window.onload = function(){
$("body").animate({scrollTop:0})
}


ステータスバーはページが完全に読み込みが行うまで消せないのでwindow.onloadで実行のタイミングを調整(ちょっとタイミングがずれるけど誤差)

iPhone,iPod touchでは両方のテクニックが使えますが、iPadでは後者のJavaScriptは利用できませんのであしからず。
posted by ねこまんま at 23:20 | Comment(0) | TrackBack(0) | iPhone | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック
×

この広告は90日以上新しい記事の投稿がないブログに表示されております。