jquery - mmenu.js 自定义宽度设置

Question

有没有办法控制弹出的菜单的宽度？我更改了

的 CSS

 .mm-menu.mm-left { width: 250px; }

但它仍然会滑动完整的440px，这是菜单的默认大小。

Answer 1

mmenu 插件的 CSS 是用 SASS 创建的，并且有一个 mixin 可以创建所有用于调整大小/定位的 CSS。您可以使用此 mixin 创建一个覆盖默认 CSS 的新 CSS 文件。

这样，您的自定义 CSS 文件就包含了所有与大小相关的 CSS，并且是防更新的。

为此，首先创建一个新的 SCSS 文件(例如“mmenu-my-custom-width.scss”)，包含“variables.scss”文件并使用自定义大小触发 mixin:

@import "path/to/inc/variables";
@include mm_sizing( 
    ".my-custom-width",  // additional classname for the menu.
    0.8, 250, 250,      // width, min-width, max-width
    0.8, 250, 250 );    // height, min-height, max-height (for menus opened from the top/bottom)

第二，运行sass:http://sass-lang.com/创建 CSS 文件。

第三，在classes-option(旧版本)中使用“mm-custom-width”或在extensions-option(从版本5.0.0开始)中的“custom-width”来启动插件:

$("#menu").mmenu({
    classes: "my-custom-width", // older versions
    extensions: [ "custom-width" ]
});