Question

使用w3schools上描述的概念（还不能粘贴2个链接：/，如果google 'w3schools如何js sidenav'，这是第一个结果）。我想控制车身风格，使Sidenav脱离帆布推动效果。

body{
  transition: all .3s ease-out;
  &.aside-open{
    margin-left:-320px;
    margin-right:320px;

    @media(max-width: 991px){
      margin-left:-240px;
      margin-right:240px;
    }
  }
}

它适用于开场，但是关闭不起作用，它似乎是堆叠动画（等到旁边关闭以移除身体'开放'类），正如这支笔{{3 }}

堆栈：

angular v1.5.5
angular-animate v1.5.5
angular-strap v2.3.6
twitter-bootstrap v3.3.5
angular-motion v0.4.4
bootstrap-additions v0.3.1

我做了一个测试，在隐藏函数中添加了“旁边关闭”类......

$modal.hide = function() {
  if (!$modal.$isShown) return;
  bodyElement.addClass(options.prefixClass + '-closing');
  //...

...并在leaveAnimateCallback函数中删除它...

function leaveAnimateCallback() {
  scope.$emit(options.prefixEvent + '.hide', $modal);
  bodyElement.removeClass(options.prefixClass + '-open');
  bodyElement.removeClass(options.prefixClass + '-closing');
  //...

body{
  &.aside-open{
    &.aside-closing{
      margin-left: 0;
      margin-right: 0;
    }
  }
}

......而且效果很好

在画布推送中有不同的方法吗？

如果有人能在这件事上给我启发，我会非常感激。：d

打开/关闭菜单时控制体类

0 个答案: