美文网首页
IOS11微信小程序translate3d不生效

IOS11微信小程序translate3d不生效

作者: 键盘小蟲 | 来源:发表于2018-09-20 09:19 被阅读0次

    问题描述

    在微信小程序开发的过程中,用到了tab切换,下面的panel跟着动画切换的情况下,利用translate3d加速渲染时,在IOS上动画不生效,直接闪现出来。

    目前解决办法就是,关闭3d加速,使用2d滑动动画,不知道谁有更好的办法。

    <div class="detail-list" :style="{transform: transformStyle}">
    

    JS代码

    this.transformStyle = 'translateX(-' + (idx * 100) + '%)'
    
    手机屏幕

    相关文章

      网友评论

          本文标题:IOS11微信小程序translate3d不生效

          本文链接:https://www.haomeiwen.com/subject/eplgnftx.html