« Ajax: JSONの読み込みがIE6でエラーになる | Main | 著作権の切れた著作物 »

Monday, April 14, 2008

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>

|

« Ajax: JSONの読み込みがIE6でエラーになる | Main | 著作権の切れた著作物 »

Comments

Post a comment



(Not displayed with comment.)


Comments are moderated, and will not appear on this weblog until the author has approved them.



TrackBack


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 04:37 PM

« Ajax: JSONの読み込みがIE6でエラーになる | Main | 著作権の切れた著作物 »