Question

我正在使用Symfony和Materialize建立一个网站，我的客户希望将菜单放在一边。我使用文档http://materializecss.com/side-nav.html来制作它，并设法在左侧创建侧边菜单。但我现在有两个问题：

首先，不重要的是，当我在Firefox上按alt时，通过显示顶部菜单使窗口调整大小，并且侧面菜单从左到右。这有点烦人，但并不重要。
第二，侧面菜单下的内容被隐藏，并且不会调整大小以使所有内容都显示。我试图制作一个div并将css放入边缘左边，但它没有用。

这是我的代码html：

<nav>
<ul id="slide-out" class="side-nav fixed">
  <li><a href="#!">First Sidebar Link</a></li>
  <li><a href="#!">Second Sidebar Link</a></li>
</ul>
<a href="#" data-activates="slide-out" class="button-collapse"><i class="mdi-navigation-menu"></i></a></nav>

这是js：

$('.button-collapse').sideNav({
  menuWidth: 300, // Default is 240
  edge: 'right', // Choose the horizontal origin
  closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
});

 $('.collapsible').collapsible();

这只是文档中的代码，我只是遇到了这些问题。如果有人有解决方案，非常感谢！

Answer 1

关于你的第二个问题：当侧导航开放时你是否抵消了非侧导航内容？像这样：

  #app-body{
      padding-left: 320px;

      @media only screen and (max-width : 992px) {
       padding-left: 10px;
      }
    }

这确保在大屏幕上，我的内容偏移320px（这是我的sideNav的宽度，但是当sideNav关闭时（当屏幕宽度低于992px时），填充被移除。

使用SideNav - Materialize时调整前端的大小

1 个答案: