使用Angular JS在iOS Safari上隐藏地址栏和底部导航

Question

我有一个运行1.6.0版本的Angular JS应用程序，我希望隐藏iOS上Safari的顶部地址栏和下方导航栏

我对此进行了相当多的调查，但似乎没有任何解决方案适合我。

我使用-webkit-overflow-scrolling: touch;启用了动量滚动功能，但是禁用此选项以查看是否可以获得＆＃34;全屏＆＃34;模式工作。

我目前在这方面的设置如下：

元标记：

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no, width=device-width">

我的角度模块中的以下代码段：

.run(function($timeout){

    window.addEventListener("load",function() {
        $timeout(function(){

            window.scrollTo(0, 1);
        }, 0);
    });
}

我的html或body标签中没有高度或溢出设置

有人看到我可能遗失的东西吗？