jquery - CSS cubic-bezier 过渡导致下面的内容跳转

Question

我在 Accordion 列表中使用 cubic-bezier(0.68, -0.55, 0.265, 1.55) 进行过渡。问题是下面的内容也在“跳跃”。

你有什么想法如何在我的 Accordion (ul 列表)下面留一些空间。

所以当它打开时不会移动下面的全部内容？

无法更好地解释，所以我将附上预览。

看看跳来跳去的“标签”。Jsfiddle: jsfiddle.net/dzvbtqLa/

Answer 1

试试这个:

-webkit-transform: translateZ(0);
-webkit-transition: height 0.35s cubic-bezier(0.17,0.67,0.83,0.67) 1s linear;
-moz-transition: height 0.35s cubic-bezier(0.17,0.67,0.83,0.67) 1s linear;
-o-transition: height 0.35s cubic-bezier(0.17,0.67,0.83,0.67) 1s linear;
-ms-transition: height 0.35s cubic-bezier(0.17,0.67,0.83,0.67) 1s linear;
transition: height 0.35s cubic-bezier(0.17,0.67,0.83,0.67) 1s linear;
-webkit-transition: height 0.35s cubic-bezier(0.17,0.67,0.83,0.67);
transition: height 0.35s cubic-bezier(0.17,0.67,0.83,0.67);