angular ui路由器状态更改时触发的ios地址栏

Question

我正在使用 Angular UI 路由器。每当我单击带有 ui-sref 的链接时，就会显示来自 ios 移动浏览器的地址栏。例如，当我向下滚动时，地址栏会隐藏，如果我单击链接并且页面转换完成，则 ui 地址栏会立即显示。由于地址栏的原因，页面突然向下移动了一点，这使得它不太用户友好。

This website和我有同样的问题。

我找到了 a website尽管他们没有使用 Angular ，但没有这个问题。

这不会发生在 android chrome 上。并且只发生在 ios Safari 中。我测试过的版本是 ios 9。

我试过 overflow hidden ，但这不是我想要的解决方案，因为地址栏总是可见的。

是什么触发了这种行为？

Answer 1

我没有测试过这个，但我记得前一段时间遇到过类似的问题。

我认为您可以添加此元标记:

<meta name="viewport" content="minimal-ui”>

查看这些其他帖子:Post 1 , Post 2 .

注意:iOS 8 及更高版本不再支持 minimal-ui (More info)。然而，并非所有用户都已升级到 iOS 8，因此仍然有理由将其添加到您的项目中。