公告列表
公告列表
收藏
回答

关于Animation的两个小问题？

想做一个页面通过Animation.height来定义高度0~100%的效果

发现number值只能设置数字单位，不能设置100%或者100rpx，设置100px也会出错，设置100=100px（默认数值是px我知道）


另外，Animation不能设置循环动画吗？

回答关注问题邀请回答
收藏

2 个回答

  • Maverick
    Maverick
    2019-08-05

    Animation API作用于非原生组件时应该也是通过修改CSS实现的动画，性能上应该不会高于CSS动画，会流畅一些可能是添加了transform: translateZ(0)之类的属性启用了GPU渲染，你用CSS动画也可以加上这个或will-change: height

    2019-08-05
    有用 1
    回复 1
    • 阿楠
      阿楠
      2019-09-02
      谢谢了，get到新技能
      2019-09-02
      赞
      回复
  • 卢霄霄
    卢霄霄
    2019-08-05

    vh 有效果吗？

    这个循环可能只能自己setInterval了，或者用css 的 animation

    2019-08-05
    有用
    回复 2
    • 阿楠
      阿楠
      2019-08-05
      vh也不行，貌似不支持单位，循环动画用CSS的动画对比animation效果会卡一点，所以这也是为什么官方推荐用Animation的原因吧
      2019-08-05
      赞
      回复
    • 卢霄霄
      卢霄霄
      2019-08-05回复阿楠
      ？？不会吧。。会卡一点？？你是不是没设初始高度呢？方便整个代码片段不？
      2019-08-05
      赞
      回复
请 登录 后发表内容
相关问题
相关文档