Material Design Lite固定导航行
Material Design Lite固定导航行
提问于 2016-01-03 20:56:19
我有问题修改模板的Android page提供的例子(代码可以找到here)。我想让顶部的导航栏透明。问题是它背后没有任何东西，所以它并没有真正改变。修复方法是使导航栏成为页面的一部分。正如你现在看到的，滚动条在导航栏之后开始，而我想让导航条成为页面可滚动部分的一部分。我尝试从HTML中删除所有相关的mdl头类，但没有效果。我发现material.min.js (作为MDL的一部分提供)使导航条位于滚动条的顶部，但我不太擅长JS，我不确定需要修改哪个部分才能实现我想要的效果。我也对不修改material.min.js但使用自定义JS/CSS的解决方案持开放态度。
回答 1
Stack Overflow用户
发布于 2017-08-18 09:58:23
对你有一点帮助。
同样的事情也发生在我身上。对于固定的导航栏，它将停留在顶部，您可以对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;添加的属性是mdl- position : fixed; __标头类的布局
希望这能有所帮助:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34576758
复制相关文章
相似问题
腾讯云开发者
