Html 如何使材料设计精简抽屉位置动态？

刚开始使用material design lite创建网站。好东西

我已成功破解标题，使其在滚动时固定在页面顶部：

HTML

<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" >
            <header class="mdl-layout__header">
                <div class="mdl-layout__header-row">

现在当我滚动时，页眉和它的所有元素都保持在页面的顶部；没问题

然而，当我按下汉堡按钮打开抽屉时，只有当卷轴位于页面顶部时，它才会正确显示。如果页面向下滚动，则抽屉的一部分被隐藏

你知道怎么解决这个问题吗

---

请注意，我想不出更好的方法来保持页眉在顶部，因此这可能是真正的问题（即

位置：已修复；

部分）

您是否有任何链接来显示此问题？这个问题的任何工作示例都是好的..我最终使用了MaterializeCSS而不是material design lite；前者有更好的文档记录，并且有更多的在线教程。无论如何谢谢你

body div header{
    position: fixed;
}