奇怪的jQuery行为 - slide()

Question

如果你去这个页面点击其中一个左下拉菜单 - http://ryancoughlin.com/hp/index.php?c=关于 - 它几乎看起来像是故障/碰撞,一旦它到达底部或骑备份顶部.

有可能解决这个问题吗？或者它是如何在jQuery中表现的？

码:

$(".menu-header").click(function() {
    $(this).next().toggle('slow');
    return false;
}).next().hide();

Answer 1

在你的CSS中,改变

#left ul li{
    font-size:.7em;
    margin:5px 0;
}

至

#left ul li{
    font-size:.7em;
    padding:2px 0 3px 0;
}

问题是,你的利润与的边缘塌陷h2的开头和动画的结束,而不是动画过程中,因为overflow的ul不是visible*,防止坍塌.坍塌的缺乏增加了有效的尺寸ul.

具有"溢出"而不是"可见"的元素的垂直边距不会随着流入的子节点而崩溃.