MBP.hideUrlBar(); Шаблон мобильного телефона

Я использую HTML Mobile Bolierplate и пытаюсь скрыть адресную строку URL, используя:

<script src="/static/js/helper.js"></script>
<script>
  MBP.hideUrlBar();
</script>

Но это не работает, helper.js загружается нормально. Кто-нибудь знает, где я ошибаюсь?

Спасибо


mobile html mobile-safari html5boilerplate
person panthro    schedule 20.04.2012    source источник

Ответы (3)


arrow_upward
1
arrow_downward

Перед запуском кода, управляющего пользовательским интерфейсом, всегда рекомендуется дождаться запуска события загрузки DOM.

Для начинающих пользователей: jQuery:

jQuery(function() {
  MBP.hideUrlBar();
});

Зепто:

Zepto(function() {
  MBP.hideUrlBar();
});
person premjg    schedule 18.06.2012

arrow_upward
1
arrow_downward

Для парней из Google, я думаю, что функция MBP.hideUrlBar() нуждается в небольшом объяснении того, как ее использовать. Я потратил время, чтобы заставить его работать на Android (только собственный браузер, Chrome не может скрыть свою адресную строку) и iOS:

  1. Во-первых, на вашей странице ДОЛЖНА быть полоса прокрутки (это означает, что ваш веб-сайт НЕ ДОЛЖЕН быть html,body height:100%)
  2. Если вы хотите, чтобы ваш веб-сайт был на 100% (что было в моем случае), вам нужно будет вручную рассчитать высоту для добавления в html, тело должно быть достаточным, чтобы полностью скрыть полосу прокрутки (это означает, что нам нужно знать высоту адреса бар...)

  3. Если вы хотите, чтобы функция MBP работала при загрузке, используйте MBP.hideUrlBarOnLoad(). Остерегайтесь, это будет работать только при загрузке, а не при каждом изменении размера (изменении ориентации). У вас будет что-то подобное в вашей функции изменения размера:

    function resize(){
  firstLoadOfThePage ? MBP.hideUrlBarOnLoad() : MBP.hideUrlBar()
}

    (предполагая, что firstLoadOfThePage — это тег, чтобы знать, когда это первая загрузка страницы (первый вызов функции изменения размера)

Надеюсь, это поможет.

person adriendenat    schedule 12.07.2012

arrow_upward
0
arrow_downward

Можешь попробовать:

window.scrollTo(0, 1);

чтобы скрыть адресную строку.

person judgement    schedule 21.04.2012