Question

使用window.scrollTo（0,1）的旧技巧;不起作用。更糟糕的是，地址栏只会移动一点，有时会被卡住一半。

Answer 1

这是我在为自己研究这个问题时发现的很多事情的组合。这是适用于iOS5的代码：（我知道我有点晚了，但答案是一个答案，希望它可以帮助将来的人）

<!DOCTYPE html>
<html>
<head>
<title>Hide Address Bar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
 window.addEventListener("load",function() {
   setTimeout(function(){
    window.scrollTo(0, 0);
    }, 0);
 });
</script>
<style>
 body { min-height: 480px; }
</style>
</head>
<body>
 <h1>Content</h1>
</body>
</html>

来源：http://24ways.org/2011/raising-the-bar-on-mobile

示例：http://jsbin.com/isenax/

Answer 2

我猜代码应该仍然有用..

无论如何这里是正确的方式来告诉移动野生动物园你想要全屏： click me

e.g。使用

<meta name="apple-mobile-web-app-capable" content="yes" />

修改

Apple使用新的mobile-ui属性在safari中显示最小的UI：

为视口元标记键添加了一个属性minimal-ui，允许在页面加载时最小化iPhone上的顶部和底部栏。在使用minimal-ui的页面上，点击顶部栏会使栏回来。回顾内容会再次驳回它们。

像这样使用它：

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />

来源：https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html

Answer 3

自IOS7起，window.scrollTo技巧不再起作用了。除了邀请用户将您的网站添加到主屏幕之外，暂时没有解决方法。

http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review

Is it possible to hide the address bar in iOS 7 Safari?

Impossible to hide navigation bars in Safari iOS 7 for iPhone/iPod touch

Answer 4

在iOS 7上，您可以使用minimal-ui元标记。不幸的是，这在iOS 8中已被删除。

对于iOS 8，有一个名为brim的项目应该带回最小ui类型的功能。可在此处找到：https://github.com/gajus/brim

如何在iOS中删除Safari中的地址栏？

4 个答案: