fir*_*dev 13 iphone address-bar mobile-safari ios ios5
window.scrollTo(0,1); 不起作用.更糟糕的是,地址栏只会移动一点,有时会被卡住一半.
小智 29
这是我在为自己研究这个问题时发现的很多东西的组合.这是适用于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
Got*_*chi 12
我想代码应该仍然有用..
无论如何,这是告诉移动野生动物园你想要全屏的正确方法: 点击我
例如使用
<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
从IOS7开始,这个window.scrollTo技巧就不再起作用了.除了邀请用户将您的网站添加到主屏幕之外,暂时没有解决方法.
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
无法隐藏Safari iOS 7 for iPhone/iPod touch中的导航栏
| 归档时间： |
|
| 查看次数： |
46106 次 |
| 最近记录： |