隐藏移动设备浏览器中的地址栏

Question

我知道这样做的一种方法.

<body onload="setTimeout(function() {window.scrollTo(0, 1)}, 100)">
...
</body>

但这仅适用于页面足够大以便滚动的情况.如果页面适合屏幕,则上述功能不起作用.在这种情况下如何隐藏地址栏？我需要让它与iphone,ipad,android设备一起使用.

Answer 1

也许你可以将身体的最小高度设置得更大.垂直模式下480px屏幕高度+ 60px地址栏高度= 540px.

例:

body { min-height:540px; }     
body[orient="portrait"] { min-height:540px; }
body[orient="landscape"] { min-height:400px; }

Answer 2

苹果手机:

仅当移动"app"添加到主屏幕时才能工作(通过加号图标 - >添加到主屏幕)

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

我没有其他移动操作系统的经验,但快速谷歌搜索隐藏浏览器网址栏android导致类似的解决方案,你的window.scrollTo.