2016-11-10 5 views
1

Недавно я обновил файлы css/js в дизайне Materializecss в своем проекте с v0.97.5 по v0.97.8.MaterializeCss: SideNav не работает должным образом после обновления

Я думал, что это не будет иметь большого значения, но мой SideNav больше не работает. Когда я нажимаю на меню, оно выдвигается, но темное оверлея находится на весь экран, и я ничего не могу щелкнуть. Это то, что он выглядит следующим образом:

enter image description here

Это выглядит как «sidenav-наложению» DIV с непрозрачностью находится выше sideNav. Кроме того, я не могу щелкнуть по любому меню внутри этой стороныNav.

Реализация этого в основном аналогична тому, что указано в документации. Я не уверен, что здесь изменилось.

EDIT1: Мой код -

<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> 
+0

Я думаю, что изменение/увеличение 'z-index' вашего элемента класса sidenav исправит это – Manjunath

+0

@MJN. Я думал по тем же строкам, но я просто перепутал позицию sideNav и теперь работает нормально. Мне просто пришлось взять div 'sideNav' за пределами' navbar-fixed' div. –

+0

Наверное, я поставил вопрос слишком рано. Спасибо, что посмотрели на это, хотя :) –

ответ

1

Что это исправил, что мой side-nav список уль был внутри navbar-fixed дел. Это не было проблемой в предыдущей версии, но по какой-то причине это нарушило текущую версию 0.97.8.

Просто переместите side-nav вне раздела navbar, это исправлено для меня. Надеюсь, это поможет кому-то еще в той же ситуации.

Смежные вопросы