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

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

我对此做了很多研究，但似乎没有一个解决方案适合我

我使用

-webkit-overflow-scrolling:touch启用了动量滚动

但禁用了它以查看是否可以让“全屏”模式工作

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

元标记：

<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);
    });
}

我在css中的

html

或

body

标记上没有高度或溢出设置

---

有人看到我可能缺少什么吗？

全屏模式通常需要执行一个用户事件以防止滥用。全屏模式通常需要执行一个用户事件以防止滥用。全屏模式通常需要执行一个用户事件以防止滥用。全屏模式通常需要执行一个用户事件以防止滥用全屏触发