欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

transition+max-height动画收回时卡顿问题

程序员文章站 2022-06-14 22:24:48
...

transition+max-height动画收回时卡顿问题

例如

.detaile{
  max-height: 0;
  transition: max-height .5s;
  overflow: hidden;
  &:hover{
  	max-height: 1000px;
  }
}

假如内容实际高度只有100px,就回出现卡顿。应该是按照动画时间和max-height差值计算。

解决

max-height和实际高度差不太多就行了。