我有一個網頁，打算在人的iPhone上加載。當頁面加載時，我想隱藏頂部的狀態和地址欄。我見過其他網站這樣做。在試圖做到這一點，我已經把下面的代碼在我的網頁的部分：iPhone - 在頁面加載隱藏地址欄
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=yes;" />
<script type="text/javascript">
function page_Load() {
setTimeout(function() { window.scrollTo(0, 1); }, 100);
}
</script>
的「的Page_Load」功能是通過頁面的主體元素的onload事件觸發。奇怪的是，當頁面加載時，狀態/標題欄是隱藏的，但不是地址欄。
如何在網頁加載時隱藏狀態/標題欄和地址欄？
謝謝！
想通了。事實證明，我的頁面需要「更長」。從絕對角度來看，尺寸是正確的，但我需要在底部添加幾個像素。這可以根據需要隱藏地址欄。
謝謝。
嗨村民 - 我想我和你有同樣的問題。你用什麼來解決這個問題（如果你還記得的話） – citizenen 2012-08-07 08:36:05
對於那些使用jQuery這裏有一個更簡單的版本：
$('body').scrollTop(1);
這非常整潔 - 我第一次在iPhone和Android上工作，但我想我已經有了代碼來處理任何高度問題。謝謝！ – iamkeir 2012-04-12 20:58:55
一個快速和骯髒jQuery的方法...
$(function() {
function orientationChange(e) {
$("body").scrollTop(1);
}
$("body").css({ height: "+=300" }).scrollTop(1);
$(window).bind("orientationchange", orientationChange);
});
這也隱藏了吧，當一個人改變自己的方向（因爲它通常再次可見）。只需將它添加到頁面的某個位置，它就會自動（不管100％的高度/寬度/其他）做你想要的。我沒有測量地址欄的確切高度，但它似乎是70px左右。我把300放在那裏，以確保它的工作。
This page解釋了「全屏」的最新狀態。
感謝您提供「initial-scale = 1.0; maximum-scale = 1.0; user-scalable = yes;」的提示。我嘗試過「initial-scale = 1.0; user-scalable = no;」，當在垂直/水平模式之間切換時，它具有有線效果。 – gregers 2009-09-02 14:07:13