如何編寫隱藏 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/