Foundation 6手风琴活动项目会创建页面布局错误

问题描述 投票:0回答:2

我正在使用Foundation 6手风琴作为页面的中心元素,我希望它能够打开第一个手风琴项目,这可以通过“is-active”状态类来实现。但是在初始负载时,打开的物品会​​将手风琴的其余部分推到我的页脚上,而脚踏板仍保持静止。你可以在这个test page上看到我的意思。当我使用右侧边栏中的一个手风琴深度链接时,会发生同样的事情。如果您调整浏览器大小或单击另一个手风琴项目,页脚将移动到正确的位置。我已经尝试将脚本放在正文中的不同位置以在活动项加载时更改,但似乎没有任何效果。

javascript jquery html zurb-foundation accordion
2个回答
0
投票

将accordions parent height设置为auto

height:auto

发生的事情是固定高度,手风琴溢出其父母。因此,例如在您给出的示例链接上,父级将是具有类大6列的div

.large-6 columns {height:auto;}

解决了这个问题


0
投票

我发现该行上的数据均衡器显然在激活手风琴窗格之前用手风琴固定了柱子的高度。当我从该列中删除数据均衡器监视时,所有内容都正确呈现。

© www.soinside.com 2019 - 2024. All rights reserved.