jquery - Foundation Drilldown 菜单隐藏或子菜单较长时的高度计算不正确

Question

向下钻取菜单无法正确计算高度。显示父菜单，但较长的子菜单仅显示到父菜单的高度。也就是说，如果父菜单上有 5 个元素，那么它只会显示子菜单的前 5 个元素。

父级菜单

带隐藏元素的子菜单

JS给出height:0后的渲染代码

<div class="is-drilldown" style="height: 0px; width: 527px;"></div>

尝试

• 基础之后的 Javascript();删除 height:0px 并使用 height:auto !important; - 没有成功。
• 使父菜单的高度与子菜单一样大，但没有用。
• z-index 和 height:auto !important;在父 ul 和子 ul 上

我认为如果问题是 js 计算而不是我的 css 样式。基础文档上的演示正确设置了 .is-drilldown 高度以匹配最大的子菜单。 http://foundation.zurb.com/sites/docs/drilldown-menu.html

其他说明

我的菜单最初被响应式切换和 .hide-for-medium 隐藏。但是，我尝试一直显示向下钻取菜单，但计算仍然无效，所以我认为这不是问题所在。

Answer 1

你必须使用

.is-drilldown{overflow:visible !important}