在材料中，如何从右边打开滑出菜单而不是默认左边？ [英] In materializecss, how to open the slide-out menu from right rather than default left?

问题描述

在实现CSS时，默认情况下，汉堡菜单位于左侧。我改变了CSS，并实现了right.But点击，侧导航仍然从左滑出。我参考文档，但发现没有类的切换菜单权。我尝试了 edge：right 但它没有工作。

我希望菜单从右侧滑出汉堡包图标。
提前感谢

解决方案

我已经把这个小提琴放在这里 http://jsfiddle.net/8tw2u80q/3/ 。希望这可以帮助你。

  $（'。button-collapse'）sideNav（{menuWidth：300，//默认为240 edge： 'right'，//选择水平原点closeOnClick：true //关闭< a>点击的边导航，对Angular / Meteor有用}）;  

div>

您需要设置edge：right。

In materialize CSS, the hamburger menu is on left by default. I changed the CSS and achieved it to right.But on clicking, the side-nav still slides out from left. I referred the documentation but found no class for toggle menu right. I tried edge: right but it did not work.

I want the menu to slide out from right on clicking hamburger icon. Thank you in advance

解决方案

I've made you a fiddle here http://jsfiddle.net/8tw2u80q/3/. Hope this helps you.

  $('.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
    }
  );

You need to set edge: right.

这篇关于在材料中，如何从右边打开滑出菜单而不是默认左边？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！