关闭画布菜单动画答案

【问题标题】：Off canvas menu animation关闭画布菜单动画
【发布时间】：2015-07-16 08:49:35
【问题描述】：

我目前正在使用 Foundation 5 非画布菜单 Foundation off canvas menu。目前关闭画布菜单从左到右打开。

我的问题是如何改变关闭画布菜单加载的位置，默认是从左到右淡入淡出转换为例如：从上到下淡入淡出。如何做到这一点？我使用了animate.css，但没有成功。我已经彻底搜索了解决方案，但没有找到任何解决方案。

我正在处理Fiddle

【问题讨论】：

【解决方案1】：

您可以覆盖打开事件来自定义动画

$(document).on('open.fndtn.offcanvas', '[data-offcanvas]', function () {
  var off_canvas_wrap = $(this);
});

因为Foundation 5 只支持左右翻译

【讨论】：