Javascript 打开/关闭旁边菜单时的控件主体类

使用w3schools上描述的概念（如果google'w3schools how to js sidenav'是第一个结果，那么还不能粘贴2个链接：/）。我想控制身体的风格，使Sidenav离开画布的推动效果

正文{
过渡：全部。3放松；
&.打开{
左边距：-320px；
右边距：320px；
@介质（最大宽度：991px）{
左边距：-240px；
右边距：240px；
}
}
}

它在开始时起作用，但结束时不起作用，它似乎在堆叠动画（等到侧边被关闭，以删除身体“侧边打开”类），正如这支笔上证明的那样

堆栈：

• 角度v1.5.5
• 角度动画v1.5.5
• 角带v2.3.6
• TwitterBootstrap v3.3.5
• 角运动v0.4.4
• 引导添加v0.3.1

我做了一个测试，将隐藏函数中的类“aside closing”添加到主体中

$modal.hide=function（）{
如果（！$modal.$isShown）返回；
bodyElement.addClass（options.prefixClass+'-closing'）；
//...

…并在leaveAnimateCallback函数中将其删除

函数leaveAnimateCallback（）{
作用域.$emit（options.prefixEvent+'.hide'，$modal）；
removeClass（options.prefixClass+'-open'）；
removeClass（options.prefixClass+'-closing'）；
//...

正文{
&.打开{
&.暂不结帐{
左边距：0；
右边距：0；
}
}
}

…而且效果很好

是否有不同的方法来进行画布外推送？

如果有人能在这件事上启发我，我将不胜感激