材料設計精簡版頁眉，但滾動頁腳

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>