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