材料設計精簡版 - 船閘到位

Question

<div class="mdl-layout__drawer"> 
     <span class="mdl-layout-title">SITE NAME</span> 
     <nav class="mdl-navigation"> 
      <a class="mdl-navigation__link" href="">Link</a> 
      <a class="mdl-navigation__link" href="">Link</a> 
      <a class="mdl-navigation__link" href="">Link</a> 
      <a class="mdl-navigation__link" href="">Link</a> 
     </nav> 
     </div> 

你好我試圖找出如何我得到這個菜單ALWAYS（除非移動）用戶裏面鎖查看，併爲網站的電網調整。但一次一步我怎麼得到這個鎖（所以用戶不能關閉或打開）

Answer 1

請檢查以下代碼。固定抽屜的聽寫應該位於抽屜上方的div類中。它取自MDL頁面https://getmdl.io/components/index.html#layout-section/layout ，並在固定標題下查看，還有一個可用的代碼筆。

<div class="mdl-layout mdl-js-layout mdl-layout--fixed-drawer"> 
    <div class="mdl-layout__drawer"> 
    <span class="mdl-layout-title">Title</span> 
    <nav class="mdl-navigation"> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
     <a class="mdl-navigation__link" href="">Link</a> 
    </nav> 
    </div> 
    <main class="mdl-layout__content"> 
    <div class="page-content"> 
     <!-- Your content goes here --> 
    </div> 
    </main> 
</div>