在 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/