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

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

例如

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

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

解决

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