微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

css-transitions – 如何在Css3上删除延迟滑出使用最大高度转换的转换

我正在使用一个转换问题来将一个面板滑入和滑出.

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

请注意,当我第一次单击切换按钮时立即进行转换.

但是,如果我再次单击按钮关闭,则转换在执行之前会延迟转换的时间.

什么是导致延迟关闭,我如何摆脱它?

谢谢

解决方法

这是因为您的动画长度在0到1000像素之间,但内容只有120像素高.延迟是在880像素上发生的动画,你看不到.

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

原文地址:https://www.jb51.cc/css/214520.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。