как скрыть адресную строку в ipod touch - PullRequest
9 голосов
/ 26 февраля 2010

Мне нужно скрыть адресную строку в ipod touch при загрузке веб-приложения. Я перепробовал все возможные решения, найденные в Интернете, в том числе найденное здесь: http://www.iphonemicrosites.com/tutorials/how-to-hide-the-address-bar-in-mobilesafari/

и установка минимальной высоты в CSS, но она работает только в альбомной ориентации, а в режиме профиля скрывает только часть панели URL, а не всю панель. У кого-нибудь есть идеи? Спасибо.

ниже мой код:

<meta name="app-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="viewport" content="width=320;initial-scale=0.6666;;minimum-scale=0.6666; maximun-scale=1.0;"/>


<title>Test</title>
<script type="application/x-javascript">

addEventListener("load", function()
{
    setTimeout(updateLayout, 0);
}, false);

var currentWidth = 0;

function updateLayout()
{
    if (window.innerWidth != currentWidth)
    {
        currentWidth = window.innerWidth;

        var orient = currentWidth == 320 ? "profile" : "landscape";
        document.body.setAttribute("orient", orient);
        setTimeout(function()
        {
            window.scrollTo(0, 1);
        }, 100);
    }
}

setInterval(updateLayout, 100);

</script>
<link media="only screen and (max-device-width: 320px)" href="style.css" rel="stylesheet" type="text/css" />

...

Ответы [ 4 ]

7 голосов
/ 11 августа 2010

Это помогло мне:

<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);">
2 голосов
/ 09 декабря 2012

У вас есть несколько опечаток в вашем коде. Попробуйте

<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-touch-fullscreen" content="YES" />
<meta name="viewport" content="width=320;initial-scale=0.6666;minimum-scale=0.6666; maximum-scale=1.0;"/>

(я изменил «app» на «apple», удалил лишнюю точку с запятой и изменил «maximun» на «максимум».)

1 голос
/ 04 мая 2012

Постарайтесь, чтобы длина содержимого вашего сайта была не меньше высоты окна.Mobile Safari поднимает панель навигации вверх, но не оставляет серого «пустого» пространства под вашей страницей, поэтому, если ваша страница короткая, она будет скрывать только часть панели навигации.

1 голос
/ 27 февраля 2010

Вы пробовали iUI? http://code.google.com/p/iui/

Код, который у вас есть, выглядит как набор iUI только для того, чтобы сделать страницу полноэкранной, но мне интересно, есть ли у вас особая причина не использовать полный скрипт. Я использовал его один раз, и мне не нужно было ничего делать, кроме как добавить сценарий на страницы.

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