2016-11-10 31 views
1

私のプロジェクトのMaterializecssデザインのcss/jsファイルがv0.97.5からv0.97.8に最近更新されました。MaterializeCss:更新後にSideNavが正しく動作しない

私はそれが大きな違いはないと思っていましたが、私のSideNavはもはや正しく動作していません。メニューをクリックするとスライドしますが、暗いオーバーレイが画面全体に表示され、何もクリックできません。これは、次のようになります。

enter image description here

それはsidenavオーバーレイ「不透明度を持つdiv要素がsideNavの上にあるように見えます。また、私はこのサイドの内側のメニューをクリックすることはできません。

これの実装は、基本的にはドキュメントに記載されているものに似ています。ここで何が変わったのか分かりません。

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

あなたのsidenavクラス要素の 'z-index'を変更することでこれが解決されると思います – Manjunath

+0

@MJN私は同じ行を考えていましたが、私はただsideNavの位置をめちゃくちゃうまく使いました。私はちょうど 'navbar-fixed' divの外で' sideNav' divを取らなければなりませんでした。 –

+0

私はあまりにも早く質問を投稿したと思います。しかし、これを見てくれてありがとう:) –

答えて

1

これを固定し、何が私のside-nav ULリストがnavbar-fixed divの中にあったということでした。以前のバージョンではこれは問題ではありませんでしたが、なんらかの理由でこれが現在の0.97.8バージョンで破損しました。

side-navをナビバーセクションの外に移動するだけでこれが解決されました。うまくいけば、これは同じ状況で他の誰かを助けてくれるでしょう。

関連する問題