固定 header 和隐藏（滚动）地址栏移动浏览器与 MDL 框架？

Fixed header and hide (scroll) address bar mobile browser with MDL framework?

示例模板： ANDROID.COM MDL 皮肤 - getmdl.io/templates/android-dot-com/index.html

github: android.com sample

此 fixed-header 在移动设备上。 Screenshots

如何让地址栏隐藏（滚动）？截图中的数字2.

内部问题。在布局完全重构之前无法修复。

参考：https://github.com/google/material-design-lite/issues/1072

我遇到的问题是，使用 mdl-fixed 布局的移动浏览器（Android 上的 Chrome）浏览器地址栏不会 auto-hide。 我解决了在 .html 文件的 header 部分的 mdl-stylesheets 之后添加自己的样式表的问题：

<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;
}