css关于展开/收起动画 height overflow 高度100%无法产生动画问题

浪子回头金不还
  • 37

使用vue项目中想通过高度变化对某块元素显示展开收起效果
由于是长列表, 所以数据为遍历出来的list, 设置一个默认高度比如50px, 当点击展开时高度展开为100%, 来回切换展开收起都产生动画效果
image.png

image.png
收起1的收起和展开为固定max-height 双向切换动画可以成功,
收起2设置展开时为100%时 切换动画单向无效
预览效果dome: http://jsrun.net/Yv3Kp/edit

回复
阅读 347
1 个回答
✓ 已被采纳
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏