侧面导航在移动视图上不起作用

时间:2018-07-11 02:25:34

标签: javascript html css frontend materialized

侧面导航效果很好,但是当我单击它的任何按钮时,自动滚动均无法正常工作。所有链接都无法正常工作。

<div class="navbar-fixed">
  <nav class="white" role="navigation">
    <div class="nav-wrapper" style="width: 90%;margin: 0 auto;">
      <a id="logo-container" href="#" class="brand-logo"><img class="responsive-img" src="img/fortuna_logo_black.png"></a>
      <ul class="right hide-on-med-and-down">
        <li><a href="#clients">Clients</a></li>
        <li><a href="#solution">Our Solutions</a></li>
        <li><a href="#forme">Is this for Me?</a></li>
        <li><a href="#priceing">Pricing</a></li>
        <li><a href="#faq">FAQs</a></li>
      </ul>
      <ul id="nav-mobile" class="sidenav">
        <li><a href="#clients">Clients</a></li>
        <li><a href="#solution">Our Solutions</a></li>
        <li><a href="#forme">Is this for Me?</a></li>
        <li><a href="#priceing">Pricing</a></li>
        <li><a href="#faq">FAQs</a></li>
      </ul>
      <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
    </div>
  </nav>

1 个答案:

答案 0 :(得分:0)

您能否使用CSS更新您的问题,我想您使用的CSS比上面提供的更多。您是否还在使用Javascript或仅使用CSS?

有了您在问题中提供的信息,由于看不到问题,我们实际上无法做很多事情。