侧栏的坏崩溃动画

Question

我对动画有疑问，我会改进。

正如您所看到的，当您关闭侧边栏时，我们有一个不太愉快的＆＃34;崩溃＆＃34;风格效果

jquery代码是

$("#menu-toggle").click(function(e) {
  e.preventDefault();
  $("#wrapper").toggleClass("toggled");

});

http://www.bootply.com/2BqP3cR0GL#

您可以使用其他动画更改此动画吗？ Thx提前

Answer 1

尝试将width添加到#MainMenu div容器中。例如：

#MainMenu { width:240px; } // Width be any value.

Answer 2

如果您正在谈论包装，请尝试将left属性设置为负数;因此，如果菜单的宽度为200px，则left: 0px;显示为可见，left:-200px;为隐藏。