Question

我在修改Android page的模板时遇到问题（例如，可以找到代码here）。我想让导航栏顶部透明。问题是它背后什么都没有，所以它并没有真正改变。修复方法是使导航栏成为页面的一部分。如您所见，滚动条在导航栏后面开始，而我想使导航栏成为页面可滚动部分的一部分。我尝试从HTML中删除所有相关的mdl标头类，结果没有效果。我发现material.min.js（作为MDL的一部分提供）使导航棒在滚动条的顶部，但我不是很擅长JS，我不确定我需要修改哪个部分来实现我想要的。我也对一个不修改material.min.js但使用自定义JS / CSS的解决方案持开放态度。

Answer 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;到mdl-layout__header类

希望这会有所帮助：）

Material Design Lite固定导航行

1 个答案: