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>
TrackBack
TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/5771/40877182
Listed below are links to weblogs that reference Ajax: iPhone/iPod touchのURLバーを隠す:
» iPhone向けサイトでURL欄を消す方法 [iPhone向けサイトのUIを考える会]
いろいろ探して見つけたのがこれ。
iPhone/iPod touchのURLバーを隠す＊NO WONDER
基本的にはscrollToで1ピクセルでもスクロールさせると、勝手にURLバーはスクロールして見えなくなってくれる。もちろんそのためには縦位置ならば416px以上の領域が存在していることが....... [Read More]
Tracked on Sunday, July 20, 2008 at 04:37 PM
Comments