在導航欄中滾動不起作用Material Design Lite v1.0.5

我已經使用Material Design Lite來製作網站的導航欄。但似乎在Chrome和Safari中，菜單的滾動不適用於鼠標，但在Mozilla Firefox中可以正常使用。在導航欄中滾動不起作用Material Design Lite v1.0.5

<html> 
    <head> 
    <!-- Material Design Lite --> 
    <script src="https://storage.googleapis.com/code.getmdl.io/1.0.5/material.min.js"></script> 
    <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.5/material.indigo-pink.min.css"> 
    <!-- Material Design icon font --> 
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 
    </head> 
    <body> 
    <!-- Uses a header that scrolls with the text, rather than staying 
     locked at the top --> 
    <div class="mdl-layout mdl-js-layout"> 
     <header class="mdl-layout__header mdl-layout__header--scroll"> 
     <div class="mdl-layout__header-row"> 
      <!-- Title --> 
      <span class="mdl-layout-title">Title</span> 
      <!-- Add spacer, to align navigation to the right --> 
      <div class="mdl-layout-spacer"></div> 
      <!-- Navigation --> 
      <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> 
     </header> 
     <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> 
    </body> 
</html>

這裏是codepen：https://codepen.io/anon/pen/qOYKXK

有沒有人有任何想法，我怎麼能得到這個工作的卷軸？

來源

2015-10-28 Olga

將腳本版本從1.0.5更改爲1.0.2爲我工作。

所以，在你的腦袋標籤變化

<script src="https://storage.googleapis.com/code.getmdl.io/1.0.5/material.min.js"> </script>

到

<script src="https://storage.googleapis.com/code.getmdl.io/1.0.2/material.min.js"></script>

滾動功能似乎是從V1.0.3開始打破。我不知道是什麼導致了這個問題。如果你發現，請在這裏發佈答案，我想知道:)

來源

2015-11-01 16:41:07 Jaakko

在導航欄中滾動不起作用Material Design Lite v1.0.5

回答

相關問題