search

Home  >  Q&A  >  body text

javascript - 移动端关于轮播是用absolute还是transform:translate

写轮播时发现用absolute:left值切换的轮播并不是特别流畅,尤其放在手机上,而用别人的使用translate的特别流畅,这两个有大区别吗?(当然可能是我写的代码不好!!!)

大家讲道理大家讲道理2901 days ago388

reply all(2)I'll reply

  • 大家讲道理

    大家讲道理2017-04-10 14:40:58

    translate这种方式是要比使用left好一些,但是前者为了兼容性需要添加各种前缀。

    另外,这也不能说明使用left来做性能就要差一些。像现在一些库,如Volecityjs以及GreenSock在性能方面做得非常出色,甚至比CSS动画的性能都好。怎么取舍还是取决于你的应用场景。

    reply
    0
  • PHPz

    PHPz2017-04-10 14:40:58

    可以用 translate3d(x,y,0), 把 z 轴设置为 0 ,这种情况下,苹果的机器支持 GPU 加速

    reply
    0
  • Cancelreply