在iphone中使用javascript和html隱藏地址欄和狀態欄

Question

我想隱藏iPhone中的地址欄和狀態欄，因爲空間更大。我試過這個代碼window.scrollTo（0，1）;但這不適用於iPhone。請幫幫我。提前致謝。

Answer 1

對於隱藏標題欄，您需要一個setTimeout()（apparently）。

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

Answer 2

試着這麼做

window.onload = function() { 
    window.scrollTo(0, 0); 
}; 

本應隱藏地址欄。

Answer 3

嘗試使用scroll命令在BODY標籤的末尾放置一個腳本。

<script>window.scrollTo(0,1)</script> 

它適用於我們的iPhone和Android應用程序。

Answer 4

這是迄今爲止最全面的文章中，我已經看到了關於這個問題的：

http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/

去那裏，就說明了一切，並應涵蓋你可能遇到的任何問題，因爲只是做window.scrollTo（ 0，0）;在大多數情況下是不夠的。

Answer 5

這樣對我的作品每次...

放入標題下面的腳本：

<!-- Remove Web Address Bar Cross Platform --> 

<script type="text/javascript"> 
function hideAddressBar() 
{ 
    if(!window.location.hash) 
    { 
     if(document.height < window.outerHeight) 
     { 
      document.body.style.height = (window.outerHeight + 50) + 'px'; 
     } 

     setTimeout(function(){ window.scrollTo(0, 1); }, 50); 
    } 
    } 
window.addEventListener("load", function(){ if(!window.pageYOffset){ hideAddressBar(); } }); 
window.addEventListener("orientationchange", hideAddressBar); 
</script> 

據我所知，額外的高度的組合添加到頁面和scrollTo（）語句使地址欄消失。

希望這會有所幫助.. :)

Answer 6

你需要在javascript中做到這一點嗎？就個人而言，我只是添加一個meta標籤：

<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,minimal-ui">