在.animate（）函数之后元素高度增加

Question

我创建了以下手风琴滑块：

JSFiddle demo

点击其中一个列表项后，会触发.animate()功能。我的问题是，在动画开始渲染后，浏览器滚动条会在侧面显示一秒钟。这是因为列表项的高度有所增加，但我无法弄清楚为什么会这样做。

Answer 1

您需要在overflow: hidden元素和#vaccordion上设置height。在这种情况下，我将height设置为百分比，因此您还需要为height的父项定义#vaccordion（html，body）。< / p>

html, body{
    width: 100%;
    height: 100%;
}

#vaccordion {
    list-style: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

FIDDLE：https://jsfiddle.net/8a5dsaqx/2/