jPanelMenu在打开的菜单上添加样式

时间:2013-03-19 18:56:55

标签: jquery addclass slidingmenu

如果菜单已打开,我只需要添加.jPanelMenu,body{overflow-x:hidden}

我正在使用jquery滚动滚动回顶部。如果窗口滚动,溢出会混淆。因此.jPanel.open{overflow-x:hidden;}.jPanel.closed{overflow-x:visual}会很有效。

任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:1)

启用jPanelMenu后,数据属性(data-menu-position)会添加到<body>标记。

您可以挂钩此属性以进行样式设置:

    body[data-menu-position="open"] { }

    body[data-menu-position="closed"] { }

或者,您可以使用options对象中的回调函数来根据需要应用类。在这里查看这些选项(针对不同的时间安排有几种不同的回调,因此您可能需要尝试找到所需的选项):http://jpanelmenu.com/#options-before

我没有将这些类添加到插件中,但这绝对是一个很好的建议。我可能会将这些添加到插件中并尽快推出新版本。