MaterialiseCSS - 自动显示固定sidenav时更改

Question

我有一个很正常的sidenav：

<a href="#" data-activates="slide-out" class="button-collapse"><i class="material-icons">menu</i></a>

<ul class="side-nav fixed" id="slide-out">
...
</ul>

但我希望它只在屏幕超大时单击菜单项时自动显示。

如何更改此设置？

谢谢！

Answer 1

使用媒体查询。

这是一个示例：

@media screen and (min-width: 1024px){
  .side-nav .fixed{
    transform: translateX(0px);
  }
}

当文档宽度为1024px或更高时，这将使您的导航可见。您可以根据需要更改像素。

见this fiddle.

由于导航栏已修复，您需要更改它的position值或通过导航宽度偏移页面内容。