菜单插件检查滑动是否完成

mmenu plugin check if sliding is finished

本文关键字：是否 插件 检查 菜单      更新时间：2023-09-26

我有一些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?

单击Mmenu触发事件:opening, opened, closing, closed。看起来您希望将opened函数与CSS绑定在一起。下面是如何触发这些函数:

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"
    }
});
相关文章：