mmenu插件检查滑动是否完成

【问题标题】：mmenu plugin check if sliding is finishedmmenu插件检查滑动是否完成
【发布时间】：2015-10-10 19:10:50
【问题描述】：

我有一些 CSS 可以在整个页面上添加一个 div。

我已将此 CSS 应用于 div：
.full-width {
position: relative;
margin: 0 -9999rem;
padding: .25rem 9999rem;
background: #e92428;
color: white;
font-size: 1.125rem;
height:100px;
}

当我单击 mmenu 插件的菜单按钮时，div 仍然在菜单上方。
为了解决这个问题，我从 div 中删除了 css，当用户点击菜单图标时，它会在整个屏幕上显示。
我现在的问题是当用户单击主页以将其滑回原位时将 css 应用回 div。
我在哪里可以检查用户是否点击了主页，以便我可以将 css 重新添加到我的 div 中？

【问题讨论】：

您需要提供一些代码，很难理解您要完成什么以及在什么上下文中。

标签： javascript jquery html css mmenu

【解决方案1】：

Mmenu 在点击时触发事件：opening、opened、closing、closed。看起来你想用你的 CSS 绑定到 opened 函数。以下是如何触发这些功能：

jQuery('#mmenu').data('mmenu').bind('opening', function(){
    //When mmenu has started opening
}).bind('opened', function(){
    //After mmenu has finished opening
}).bind('closing', function(){
    //When mmenu has started closing
}).bind('closed', function(){
    //After mmenu has finished closing
});

显然，更改 #menu jQuery 选择器以匹配您的选择器。

话虽如此，如果您在使用 z-index 时遇到问题，您可能需要查看 mmenu init offCanvas 选项的 zposition 以使其保持在前面（因为默认值为 back）：

jQuery('#mmenu').mmenu({
    offCanvas: {
        zposition: "front", //"back" (default), "front", "next"
        position: "left" //"left" (default), "right", "top", "bottom"
    }
});

【讨论】：