Скрыть адресную строку в браузере мобильного устройства - PullRequest
Новая
       15

Скрыть адресную строку в браузере мобильного устройства

25 голосов
/ 02 мая 2011

Я знаю 1 способ сделать это. 

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

Но это работает, только если страница достаточно велика для прокрутки. Если страница умещается на экране, вышеуказанная функция работать не будет. Как скрыть адресную строку в этом случае? Мне нужно, чтобы он работал с устройствами iphone, ipad, android.

Ответы [ 4 ]

18 голосов
/ 02 мая 2011

Может быть, вы можете установить minheight на теле больше. 480px высота экрана в вертикальном режиме + 60px высота адресной строки = 540px.

Пример: 

body { min-height:540px; }     
body[orient="portrait"] { min-height:540px; }
body[orient="landscape"] { min-height:400px; }
16 голосов
/ 02 мая 2011

iPhone:

Работает, только если мобильное «приложение» добавлено на домашний экран (с помощью значка «плюс» -> добавить на домашний экран) 

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

У меня нет опыта работы с другими мобильными ОС, но быстрый поиск в Google для скрытие панели URL браузера android привел к решению, аналогичному вашему, с window.scrollTo.

1 голос
/ 19 июня 2013

из http://mobile.tutsplus.com/tutorials/mobile-web-apps/remove-address-bar/ Я нашел 

function hideAddressBar() {
  if(!window.location.hash) {
    if(document.height < window.outerHeight)
      document.body.style.height = (window.outerHeight + 50) + 'px';
    setTimeout( function(){ 
        window.scrollTo(0, 1); 
        document.body.style.height = 'auto'; 
      }, 50 );
  }
}

Немного модифицировано

работает довольно хорошо в некоторых браузерах, но по крайней мере я не могу заставить его работать на Android Chrome.

0 голосов
/ 20 декабря 2012

Просто добавьте 'BR' в конце страницы.или вы можете использовать jqueryUI с div height 100%

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...