Фиксированный заголовок и скрытие (прокрутка) адресной строки мобильного браузера с инфраструктурой MDL?

Пример шаблона: Оболочка ANDROID.COM MDL — getmdl.io/templates/android-dot-com/index.html

github: android. пример

Это фиксированный заголовок на мобильном телефоне. Скриншоты

Как скрыть адресную строку (прокрутки)? Номер 2 на скриншоте.


mobile browser material-design-lite address-bar
person Denis    schedule 25.08.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Внутренняя проблема. Невозможно исправить, пока Layout не будет полностью реорганизован.

Ссылка: https://github.com/google/material-design-lite/issues/1072

person Garbee    schedule 25.08.2015

arrow_upward
1
arrow_downward

У меня была проблема, что адресная строка браузера не скрывалась автоматически в мобильных браузерах (Chrome на Android) с фиксированным макетом mdl. Я решил проблему, добавив свою собственную таблицу стилей после таблиц стилей mdl в разделе заголовка файла .html:

<head> <link rel="stylesheet" href="mdl/material.min.css" /> <link rel="stylesheet" href="styles.css" /> </head>

В файле styles.css я добавил:

@media screen and (max-width: 850px) {
  .mdl-layout__container {
    position: static;
  }
}

.mdl-layout__header{
  position: fixed;
}
person Tobias Großkopf    schedule 25.03.2016