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

Question

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

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

Answer 1

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

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

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