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