收藏
回答

微信小程序css动画的translateX不起作用

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 15.4 iPhone8 plus 8.0.29

以下代码片段

.forget{
    animation-duration: 1s;
    animation-name: fadeout;
    animation-fill-mode: forwards;
}


@keyframes fadeout {
    from { opacity: 0.5; }
  
    to {
        height: 0;
        opacity: 0;margin: 0;padding: 0;
        transform: translateX(-2000rpx);
    }
}


在Mac电脑上的模拟器表现正常,但是在真机上就没有横向滑动的效果了,只有向上滚动的效果。



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

2 个回答

  • Demons
    Demons
    2022-10-26

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-10-26
    有用
    回复 1
    • 王俊博
      王俊博
      2022-11-02
      不知不觉就又好了
      2022-11-02
      回复
  • 丑丑男
    丑丑男
    2022-10-26

    1.你的测试模块是切边的你设置动画1s 效果-2000px,你一打开直接移动到屏幕外了你都没看见,你把动画时间改成10s看看有么有位移效果

    2.你代码里没有往上滚动的效果是不是代码没发全

    ios真机测试这个动画效果存在无异常

    2022-10-26
    有用
    回复 1
    • 王俊博
      王俊博
      2022-11-02
      谢谢你的回复,现在动画效果又显示出来了,但是我也不是特别清楚是哪个地方影响到了
      2022-11-02
      回复
登录 后发表内容