打开时jQuery UI Accordion Jumpy

Question

我的页面上有一个手风琴小部件,它会在动画打开时缩小到应该停止的位置(在动画结束时回复到正确的大小),并在开始动画关闭时捕捉到相同的扩展大小.在我的情况下,手风琴的内容应该扩展到150px,但我在Chrome的Inspect Element窗口中看到了它的动画效果,并且看到它的亮度为185px.

我已经看到其他人建议填充和/或边距可能会在更改手风琴部分position: absolute以进行计算时进行大小计算时愚弄jQuery .

http://jsfiddle.net/shadowycore/T5fnZ/1/

任何帮助都将非常感激.

Answer 1

我有同样的问题,几个小时后我终于通过添加以下CSS设法修复它:

 .ui-accordion .ui-accordion-content{
      box-sizing:content-box;             
      -moz-box-sizing:content-box;
}

我希望这有帮助

Answer 2

溢出:自动是关键!如果你检查jquery手风琴的例子,你会发现它们没有跳跃,我发现它是由.ui-accordion-content类的overflow:auto样式决定的.

所以你需要做的就是将overflow:auto样式添加到内容类中.

.ui-accordion .ui-accordion-content{
  overflow:auto;
}