javascript - .animate() 函数后元素高度增加

Question

我创建了以下 Accordion slider :

<强> JSFiddle demo

点击其中一个列表项后，它会触发 .animate() 函数。我的问题是，动画开始渲染后，浏览器滚动条会在侧面出现一秒钟。这是因为列表项的高度增加了一点，但我不明白为什么要这样做。

Answer 1

您需要在 #vaccordion 元素上设置 overflow:hidden 以及 height。在本例中，我以百分比设置 height，因此您还需要为 #vaccordion 的父级定义 height (html ，正文)。

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

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

fiddle :https://jsfiddle.net/8a5dsaqx/2/