我有一个包含三个固定部分的应用程序：
1）标题 - 顶部
2）主要内容 - 中心
3）页脚 - 底部
主要内容使用overflow: auto滚动，滚动条包含在自己的维度内，而不是整个主体（这就是我想要的）。但是由于我的应用程序结构，滚动主要内容区域，iOS上的Safari并不会隐藏top address bar和bottom action bar。
我在博客文章和stackoverflow中尝试了几个建议，但没有一个有效。
任何遇到类似问题并解决问题的人请点亮一下......
以下是我尝试过的一些解决方案：
1）在padding-bottom
<body>
2）在padding-bottom
<html>
3）使用<meta name="apple-mobile-web-app-capable" content="yes">
4）包含在window.scrollTo(0, 1)
setTimeout的JS代码段
以上都不适用于我。
答案 0 :(得分：0)
你有没有找到修复方法？
我也面临着同样的问题。
我唯一的解决方案＆＃34;是使用<meta name="apple-mobile-web-app-capable" content="yes">并让我的用户将我的网站添加到他们的主屏幕。
以这种方式调用网站会导致地址和操作栏保持完全隐藏。
答案 1 :(得分：0)
解决方法是将html高度设置为100％并滚动浏览站点中的容器。其缺点是，您可以随时看到本地栏。财务时间就像在所有设备https://app.ft.com/上那样，但是你再次在iphone 5上浪费了大量空间。
我们有另一种解决方案，它有点为我们解决了它。由于仅在向上滚动时显示本机栏。我们的导航也是如此。因此，如果向下滚动，我们的菜单会消失，如果向上滚动则会出现。感觉不那么奇怪，你不会一直浪费所有的空间。