如何編寫隱藏 iPhone Safari 位址列的網頁

    在 iPhone 閱讀一些受歡迎服務的網頁的時候,可以發現,網頁載入後都會把位址列隱藏起來(或是往上推)。這是怎麼做的呢?

    有兩種方式。最簡單的方法是在一開始的 <body> 裡面加入以下的 HTML 碼:

    <body onload=”setTimeout(function() { window.scrollTo(0, 1) }, 100);”>

    但如果無法更改 body 的 HTML code,也可以在網頁中執行以下 javascript:

    <script type=”application/x-javascript”>
    addEventListener(“load”, function() { setTimeout(hideURLbar, 0); }, false);
    function hideURLbar() {
    window.scrollTo(0,1);
    }
    </script>

    <script type=”application/x-javascript”>

    addEventListener(“load”, function() { setTimeout(hideURLbar, 0); }, false);

    function hideURLbar() {

    window.scrollTo(0,1);

    }

    </script>

    隱藏前:

    with_addbar

    隱藏後:

    no_addbar

    資料來源:http://www.iphonemicrosites.com/tutorials/how-to-hide-the-address-bar-in-mobilesafari/