iphone - How to remove Address Bar in Safari in iOS?

Question

Welcome To Ask or Share your Answers For Others

iphone - How to remove Address Bar in Safari in iOS?

asked Oct 17, 2021 in Technique[技术] by 深蓝 (71.8m points)

Old trick with window.scrollTo(0,1); doesn't work. And even worse, the address bar moves only a bit and gets stuck halfway out sometimes.

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

552 views

1 Answer

深蓝 · Answer 1 · 2021-10-17T02:51:11+0000

It is a combination of many things as I have found when researching this issue for myself. Here's the code that properly works on iOS5: (I know I'm a little late, but an answer is an answer, hopefully it can help people in the future)

<!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>

Source: http://24ways.org/2011/raising-the-bar-on-mobile

Example: http://jsbin.com/isenax/

Categories

iphone - How to remove Address Bar in Safari in iOS?

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags