Панель инструментов с классом toolbar-bottom создает неправильный отступ для содержимого страницы

Используя Framework7, я создал панель инструментов. Это отлично сработало для темы iOS. Однако, когда я протестировал его на материальной теме, он оказался на вершине. Я нашел некоторую документацию Framework7, которая указала мне на класс «нижняя панель инструментов». Однако содержимое страницы действовало так, как будто панель инструментов все еще находилась сверху, а свойство padding-top было неверным. Я не хотел бы жестко переопределять код CSS Framework7.

Вот моя структура:

<div class="page navbar-fixed toolbar-fixed">
  <div class="navbar">...</div>
  <div class="page-content">...</div>
  <div class="toolbar toolbar-bottom">...</div>
</div>

person Stephen S    schedule 05.05.2017    source источник


Ответы (1)


TL; DR читай документы, ты тупой ОП

См. эту страницу документации. Чтобы CSS работал правильно, панель инструментов должна располагаться перед содержимым страницы. Ваш формат должен выглядеть так:

<div class="page navbar-fixed toolbar-fixed">
  <div class="navbar">...</div>
  <div class="toolbar toolbar-bottom">...</div>
  <div class="page-content">...</div>
</div>
person Stephen S    schedule 05.05.2017