材料设计精简版页眉，但滚动页脚

Question

我使用谷歌的材料设计精简版来创建我的网站，但我有一个问题。我写了这个代码：

<div class="mdl-layout mdl-js-layout mdl-layout--no-desktop-drawer-button"> 
    <header class="mdl-layout__header"> 

     <img class="mdl-layout-icon"></img> 

     <div class="mdl-layout__header-row"> 
      ... 
     </div> 

    </header> 
    <div class="mdl-layout__drawer"> 
     ... 
    </div> 
    <main class="mdl-layout__content"> 
     ... 
    </main> 
    <footer class="mdl-mega-footer> 
     ... 
    </footer> 
</div> 

那么，问题是，页脚位于页面的底部，所以无论是头部和底部粘到窗口的顶部和底部，但我想页脚是可滚动的，所以如果内容高于窗口，我不想看到它，但我希望标题保持固定在顶部。我该如何解决这个问题？

Answer 1

把<footer></footer>的<main></main>即

<main> <footer class="mdl-mega-footer"> ... </footer> </main>