解决方法
你可以通过CSS获得你以后的效果.而不是动画div的高度,动画max-height属性.将悬停的最大高度设置为您认为最大高度(超过体贴).原因是,如果将max-height设置为10000px,并且div的高度为1000px,并且将动画的持续时间设置为1秒,则它将在0.1秒后清除内容高度,并且将显示为asthough转换结束后,max-height值超过1000px将无效.所以,更准确的最大高度更适合于更一致的动画.
- .container {
- height: auto;
- min-height: 100px;
- max-height: 100px;
- transition: 1s max-height;
- overflow: hidden;
- }
- .container:hover {
- max-height: 4000px;
- }
