javascript - Animate Foundation 5 下拉菜单

Question

我尝试在网上搜索此内容，但没有找到任何具体内容。

那么，有人体验过 Foundation 5 Top Bar 吗？我没有看到任何使下拉菜单动画化的选项。它只是出现。 data-options 是否有某种属性。我知道有一些这样的属性:

data-options="sticky_on: medium"

是否有类似的东西:

data-optiins="submenu_animation: fade" 

或者类似的东西

Answer 1

没有数据选项可以在移动设备上为顶部栏打开/关闭添加动画。它只会出现和消失。原因是 Foundation 将顶栏高度从特定的 css 高度值更改为 height: auto; 并且您不能为 height: auto 使用 CSS 过渡动画。

您需要完全重新编写基础顶栏 JS 才能使用 javascript 自己创建动画。或者您可以在 CSS 中的 .top-bar.expanded 上设置一个高度，然后 CSS 过渡就会起作用。

查看此答案 - https://stackoverflow.com/a/24719200/2247931