У меня возникли проблемы с изменением шаблона для Android page, приведенного в качестве примера (код можно найти here). Я хочу сделать панель навигации сверху прозрачной. Проблема в том, что за ней ничего нет, поэтому она не меняется. Исправить было бы сделать часть панели навигации частью страницы. Как вы можете видеть, в настоящее время панель прокрутки начинается после панели навигации, в то время как я хотел бы сделать навигационную панель частью прокручиваемой части страницы. Я попытался удалить все соответствующие классы заголовков mdl из HTML, которые не привели к эффекту. Я узнал, что material.min.js (предоставленный как часть MDL) делает навигационную панель поверх полосы прокрутки, но я не очень хорошо разбираюсь в JS, и я не уверен, какую часть мне нужно изменить, чтобы достичь того, что я хочу. Я также открыт для решения, которое не изменяет material.min.js, но использует пользовательский JS/CSS.Материал Дизайн Lite фиксированная навигационная строка
2
A
ответ
1
Немного помогите вам.
То же самое случилось со мной. Для фиксированной навигационной панели, которая будет располагаться сверху, вы можете сделать небольшой трюк в файле material.css.
Изменить класс .mdl-layout__header от
.mdl-layout__header { display: -webkit-box;display: -webkit-flex;display:ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column; and goes on
в
.mdl-layout__header {position : fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;
Добавленного свойством является position : fixed; к классу леи-layout__header
Надеется, что это помогает :)