1
使用基金会6,我尝试获得一个响应式顶栏,其中涉及到切换(小屏幕)上的动画。基金会6运动用户界面动画
我有这样的:
<div class="top-bar">
<div class="top-bar-title">
<strong>MyTitle</strong>
<span data-responsive-toggle="responsive-menu" data-hide-for="medium" class="responsive-menu">
<span class="menu-icon" data-toggle></span>
</span>
</div>
<div id="responsive-menu" data-toggler data-animate="hinge-in-from-top spin-out"> <!-- no matter the type of animation is -->
<div class="top-bar-right">
<ul class="dropdown menu" data-dropdown-menu>
<li>
<a href="#">1</a>
</li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>
</div>
</div>
但即使是进口的运动UI库后,没有过渡发生。
只是粗略的display:none
到display:block
的菜单,反之亦然。
当我用data-toggle
代替data-responsive-toggle
时,它会工作,但我会失去响应能力。
这是关于Foundation 6的错误吗?