关于部分安卓手机使用transition出现卡顿的解决办法

Question

用react做的一个项目，其中有一个列表页，其中的列表内容需要用到展开收缩的动画，我用了css3 的transition进行实现。代码如下：

  .am-card-body {
    max-height: 1.3rem;
    overflow: hidden;
    transition: max-height 600ms;
  }
  .am-card-body.expand {
    max-height: 4rem !important;
  }

但是在部分老式的安卓机上，展开收缩的动画出现了严重的卡顿，发现transition的性能开销比较大，尝试开启GPU加速，但是还是不够流畅。

请问有没有什么好的解决办法？

Answer 1

1.CSS3动画已经比JS高效了。
2.开启GPU加速，transform: translateZ(0);
3.你指的安卓版本如果低于4.4版本，我觉得不用考虑了。