Ajax: iPhone/iPod touchのURLバーを隠す
iPod touchのWeb Appを作ろうとしている。その時のTipsをちょっとメモ。
iPod touchにはSafariが載っているが、普通にWebのページを表示するとURLバー(アドレスバー)が表示されている。これを隠したい（見えなくしたい）時には、スクロールしてやればいいのだが、これを簡単にどうするのか、というのがGoogleなどを検索してもすぐに見つからなかった。どうやらiPhoneDevBootCamp等で紹介されたテクニックらしいのだが、そのものズバリを簡単に書いているものが見つけられなかった。そこで、iUi.jsなどを見て理解したところを書いておく。
基本的にはscrollToで1ピクセルでもスクロールさせると、勝手にURLバーはスクロールして見えなくなってくれる。もちろんそのためには縦位置ならば416px以上の領域が存在していることが必要だ。そして、onload時にscrollToするだけではタイミングが早すぎるようで、setTimeoutでonloadの100msec後くらいにscrollToを実行するのが良いようだ。
<head>
.....
<script type="text/javascript">
<!--
window.onload = function() {
// for hide URL bar
setTimeout(scrollTo, 100, 0, 1);
}
// -->
</script>
</head>
<body>
<div id="page" style=
"width: 300px; height: 416px;">
TEST
</dvi>
....
</body>
| 固定リンク
この記事へのコメントは終了しました。
コメント