Slide滑动动画在iOS上卡顿怎么办?
我用CSS写了个简单的slide-down动画,用来展开/收起一个下拉菜单,在安卓和桌面浏览器上都挺流畅的,但在iPhone上特别卡,掉帧严重。试过加transform: translateZ(0)和will-change都没啥用。
这是我的关键CSS代码:
.slide-enter-active, .slide-leave-active {
transition: max-height 0.3s ease-in-out;
}
.slide-enter-from,
.slide-leave-to {
max-height: 0;
}
.slide-enter-to,
.slide-leave-from {
max-height: 200px;
}
是不是用max-height做动画本身就不好?有没有更合适的方案?
差不多就行