gpt4 book ai didi

css-transitions - 如何消除Css3上的延迟使用最大高度过渡的滑移过渡

转载 作者:行者123 更新时间:2023-12-04 01:16:41 25 4
gpt4 key购买 nike

我在滑入和滑出面板时遇到过渡问题。

请看一下下面的jsbin http://jsbin.com/uvejuj/1/

请注意,当我第一次单击切换按钮时,转换立即发生。

但是,如果我再次单击该按钮将其关闭,则过渡会延迟过渡执行之前的时间。

是什么导致收盘延迟,我该如何解决?

谢谢

最佳答案

这是因为您要设置的动画最大高度介于0到1000像素之间,但是内容的高度仅为120像素左右。延迟是动画发生在您看不到的880像素上。

可以将max-height设置为内容的已知高度(如果知道,例如-http://jsbin.com/onihik/1/),或者尝试其他方法。也许像https://stackoverflow.com/a/6486082/2619379

关于css-transitions - 如何消除Css3上的延迟使用最大高度过渡的滑移过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18087098/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com