MMenu插件在Mobile中不向右打开

Question

搜索网页后，我发现移动设备的最佳菜单是mmenu.frebsite.nl。 mmenu有“高级”选项可以打开左侧或右侧的菜单，它可以在桌面版本中使用，但是当在手机（iphone和android）上检查时，两个按钮都会打开左侧的菜单。 有人试过手机上的选项或知道如何解决它吗？...谢谢。

Answer 1

将菜单设置为向右打开涉及两个步骤，第一个在mmenu的文档中没有很好地解释。注意：我在回复时使用的是4.2版本。

步骤1）

在项目中包含定位CSS 或 SASS文件（ extensions / jquery.mmenu.positioning.scss 或 extensions / jquery.mmenu.positioning.css ）。包含这些文件还允许您设置zposition值。

步骤2）

在mmenu函数中设置正确的值

$(function() {
  $('nav#main-nav').mmenu({
  classes: 'mm-dark',
  position: 'right',
  zposition: 'front'
});

Answer 2

使用position：'right'折旧。 所以试试

 $('nav#main-nav').mmenu({
   classes: "mm-dark",
   offCanvas: { position  : "right", zposition: "front" }
  });