javascript - 如何使多重切换适用于多行导航？

Question

使用这个导航:http://responsivenavigation.net/examples/multi-toggle/

如您所见，子菜单下降到 div 底部的边缘。问题在于当页面大小调整为更小的宽度(平板电脑大小)和菜单堆栈时如何处理。无论您将鼠标悬停在哪个链接上，结果都是将子菜单置于 div 下方。导致无法使用的顶部导航。您将如何修复下拉菜单以便它可以处理两条线？顶部和底部？

Answer 1

发生这种情况是因为当 .active 类状态附加到时，在具有 .menu 类的元素上设置了 max-height它(html 文件的第 159 行)。

.menu.active, .menu > ul ul.active {
    max-height: 55em;
}

因此 nav 不会超出指定的 max-height 值。要解决此问题，请在激活时将值更改为 100%。