Question

我想在iphone中隐藏地址栏和状态栏，因为空间更大。我试过这个代码window.scrollTo（0,1）;但这不适用于iPhone。请帮我。提前致谢。

Answer 1

要隐藏标题栏，您需要setTimeout()（apparently）。

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

Answer 2

这是迄今为止我在这个主题上看到的最全面的帖子：

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

去那里，它解释了一切，应该涵盖你可能遇到的任何问题，就像做窗口.scrollTo（0,0）;在大多数情况下是不够的。

Answer 3

这种方式每次都适合我...

将以下脚本放在标题中：

<!-- 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 4

尝试类似

的内容

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

这应隐藏地址栏。

Answer 5

尝试在BODY标记的最后添加一个带有scroll命令的脚本。

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

它在iPhone和Android上的应用程序中运行良好。

Answer 6

你需要在javascript中做到吗？就个人而言，我只是添加一个元标记：

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

使用javascript和html隐藏iphone中的地址栏和状态栏

6 个答案: