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;，并且无法使用CSS过渡动画进行高度：auto。

您需要完全重新使用基础顶级JS JS才能使用JavaScript创建动画。或者你可以在CSS中设置一个高度为.top-bar.expanded，然后CSS转换就可以工作。

看到这个答案 - https://stackoverflow.com/a/24719200/2247931