Javascript iOS Safari顶部和底部栏问题

我有一个包含三个固定部分的应用程序：

1） 收割台-顶部

2） 主内容中心

3） 页脚-底部

主要内容使用

overflow:auto

滚动，滚动条包含在其自身的维度中，而不是整个主体（这是我想要的）。然而，由于我的应用程序结构，即滚动主要内容区域，iOS上的safari不会隐藏顶部地址栏和底部操作栏

我尝试了在博客帖子和stackoverflow中找到的几个建议，但都没有奏效

任何人遇到类似的问题并解决了它，请发出一些光：）

以下是我尝试过的一些解决方案：

1） 在

2） 在

3） 使用

4） JS代码片段到

窗口。滚动到（0，1）

包装在

setTimeout

以上这些都不适用于我。

我唯一的“解决办法”是使用

，让我的用户将我的网站添加到他们的主屏幕上

---

以这种方式调用站点会使地址栏和操作栏保持完全隐藏。

一种解决方法是将html高度设置为100%，并在站点中的容器中滚动。这样做的缺点是，本地条始终可见。《金融时报》在所有设备上都是这样做的，但同样，你在iphone 5上浪费了很多空间

我们有了另一个解决方案，它为我们解决了这个问题。因为本机栏仅在向上滚动时显示。我们的导航也做了同样的事情。所以，如果你向下滚动，我们的菜单就会消失，如果你向上滚动，它就会出现。不会觉得很奇怪，也不会一直浪费空间