离屏菜单动画

Question

3

我目前正在使用Foundation 5 Off-canvas菜单Foundation off canvas menu。目前，Off-canvas菜单从左到右打开。

我的问题是如何更改Off-canvas菜单的加载位置，默认为从左到右淡入转换为例如：从上到下淡入。如何实现这一点？我已经尝试使用animate.css，但未能成功实现相同的效果。我已经彻底搜索了解决方案，但没有找到任何答案。

我正在使用Fiddle。

- Shanaka

如果您使用应用程序基础，您可以尝试它。 - general03

你能说得再清楚一点吗？ - Shanaka

有两个由zurb推出的解决方案：Classic和App。 - general03

您IP地址为143.198.54.68，由于运营成本限制，当前对于免费用户的使用频率限制为每个IP每72小时10次对话，如需解除限制，请点击左下角设置图标按钮（手机用户先点击左上角菜单按钮）。 - Shanaka

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- general03 · Answer 1

您可以重写打开事件来自定义动画

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

因为Foundation 5仅支持从右到左或从左到右的翻译