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

时间:2017-12-25 18:18:31

标签: javascript jquery html zurb-foundation accordion

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

2 个答案:

答案 0 :(得分:0)

将accordions parent height设置为auto

height:auto

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

.large-6 columns {height:auto;}

解决了问题

答案 1 :(得分:0)

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