jiacanFang

利用max-height实现展开和收缩动画有一个无法规避的缺陷： 多个高度不确定的块一起渲染，都需要用到这个展开和收缩的动画，那么max-height最合理的值是多少？ 倘若有一个块的高度是50px，另一个块的高度是1000px 对于1000px的块来说，max-height的值为1000px是最合理的 但对于50px的块，max-height设置为1000px，会对用户体验造成极大的影响 所以利用单一的max-height值进行展开和收缩控制，并不适用于有多个高度不确定块的场景 多个高度不确定块，要实现展开收缩动画的功能，合理的解决方案应该是： 用js动态获取每个块的实际高度 利用js控制块展开和收缩前后的height 配合transition属性进行动画控制