javascript - 物化CSS : SideNav not working properly after update

Question

我最近更新了 Materializecss 的 css/js 文件在我的元素中设计从 v0.97.5 到 v0.97.8。

我认为这不会有太大区别，但我的 SideNav 不再正常工作了。当我点击菜单时，它确实滑出，但黑色覆盖在整个屏幕上，我无法点击任何东西。这是它的样子:

看起来带有不透明度的“sidenav-overlay”div 位于 sideNav 上方。此外，我无法单击此 sideNav 中的任何菜单。

这个的实现和文档中提到的基本类似。我不确定这里发生了什么变化。

编辑1:我的代码-

<div class="navbar-fixed">
  <nav>
    <div class="nav-wrapper light-blue lighten-1">
      <ul id="slide-out" class="side-nav hide-on-med-and-down print-hidden">
        <li><a href="#!">Upload<i class="material-icons right">cloud_upload</i></a></li>
        <li class="divider"></li>
        <li class="div-title">Admin</li>

        <li><a href="/admin/users">Users</a></li>
        <li><a href="/admin/roles">Roles</a></li>
      </ul>

      <a href="#" data-activates="slide-out" class="button-collapse show-on-large"><i class="material-icons">view_headline</i></a>

      <a href="#" class="brand-logo">LOGO</a>
    </div>
  </nav>
</div>

Answer 1

解决此问题的原因是我的 side-nav ul 列表位于 navbar-fixed div 中。这在以前的版本中不是问题，但由于某种原因，这在当前的 0.97.8 版本中出现了问题。

只需将 side-nav 移到导航栏部分之外就可以解决这个问题。希望这可以帮助处于相同情况的其他人。