收藏
回答

在IOS微信版本的6.7.3中,动画translateY会使图片缺失

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 11.2.1 iphone6s 6.7.3

我这边的功能是抽奖,做法是首先给盒子overflow:hidden,然后里边的一个盒子中垂直累计多个内容,然后点击按钮执行动画,使里边的内容translateY滚动,但在IOS微信6.7.3中滚动的那些dom部分内容会有缺失情况。如果我设置动画时间比较快的话,基本就是白屏看不到滚动的效果当停止的时候才会出现最后的结果。时间设置慢的话,将会有部分图片内容出现缺失(例如滚到第四张图片的时候就缺失了,前三张都是正常的)


只有在IOS微信6.7.3中才遇到的问题,其他版本之前都正常。

安卓任何版本都正常。


(下图是我把时间调慢之后截取到的图片)



最后一次编辑于  2018-10-19
回答关注问题邀请回答
收藏

7 个回答

  • 卢霄霄
    卢霄霄
    2018-10-19

    杀了微信,重新启动呢?

    2018-10-19
    有用 2
    回复 15
    • 大米
      大米
      2018-10-19

      非常感谢您的回复。杀了微信重启好像可以了。但是我这个抽奖的动作用户每天可以触发10次。现在杀了微信重启之后第一次感觉还可以,第二次就又出现了,第三次大量出现,第四次直接白屏。总不能让用户抽完一次就去结束微信进程吧。该怎么办呢?还有这是为什么呀,希望大牛赐教。

      2018-10-19
      回复
    • 卢霄霄
      卢霄霄
      2018-10-19回复大米

      最近遇到比较多的6.7.3版本的问题。。不必现的,好多都是用着用着才出现的。。我也不知道具体原因。。能不能做个代码片段呢?只要动画部分的页面和代码。

      2018-10-19
      回复
    • 大米
      大米
      2018-10-19回复卢霄霄

      稍等,因为好多逻辑设计到接口返回的判断,我把抽奖动画单独整理一下。

      2018-10-19
      回复
    • 大米
      大米
      2018-10-20回复卢霄霄

      代码片段:wechatide://minicode/7mHG5im37T32


      2018-10-20
      回复
    • 卢霄霄
      卢霄霄
      2018-10-20回复大米

      i6p iOS12 6.7.3 可以复现。。研究下。。

      2018-10-20
      回复
    查看更多(10)
  • 何涛
    何涛
    2018-10-22

    ios 6.7.3的小程序有很多bug,我已经提交2个,动画的问题,始终无法解决,我已经用原生的css动画了,这个比较稳定

    2018-10-22
    有用
    回复
  • Nut
    Nut
    2018-10-22

    关注中,我也遇到 类似问题

    2018-10-22
    有用
    回复
  • 大米
    大米
    2018-10-20

    官方大大,关注下其他评论有最新的消息,有助于问题定位,非常感谢。

    2018-10-20
    有用
    回复
  • 阿迪哥哥
    阿迪哥哥
    2018-10-19

    不是知道跟我的transition失效的问题是不是一致的,你把js代码里面的分享函数(onShareAppMessage)删掉试试,我这边删掉这个函数所有的正常了。


    代码片段wechatide://minicode/uWJdGhmj7P3d


    多次重启会必现

    2018-10-19
    有用
    回复 3
    • 大米
      大米
      2018-10-20

      我发的代码片段里没有这个函数,在i6P上直接动画时间直接乱了。今天发现杀了微信复现不了,昨天就算杀了多次试验还可以复现问题的。

      2018-10-20
      回复
    • 大米
      大米
      2018-10-20回复大米

      朋友你说的对,我首先把微信杀掉然后在小程序代码开发版上把分享函数(onShareAppMessage)删除掉,经过多次试验都没有问题,动画正常了。

      2018-10-20
      回复
    • 阿迪哥哥
      阿迪哥哥
      2018-10-20回复大米

      非常的神奇,我是用二分法一半一半删代码定位这个问题的,动画怎么跟分享函数关联在一起了。现在是无解的情况,只能官方修复了。用createanimation实现动画也不行,只能把分享函数删掉,但是这个函数非常重要不能删掉

      2018-10-20
      回复
  • 灵芝
    灵芝
    2018-10-19

    如霄霄所言,提供一下代码片段哈(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2018-10-19
    有用
    回复 2
    • 大米
      大米
      2018-10-19

      稍等,因为好多逻辑设计到接口返回的判断,我把抽奖动画单独整理一下。

      2018-10-19
      回复
    • 大米
      大米
      2018-10-20

      代码片段:wechatide://minicode/7mHG5im37T32


      2018-10-20
      回复
  • 疯狂的小辣椒
    疯狂的小辣椒
    2018-10-19

    你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-10-19
    有用
    回复 1
    • 大米
      大米
      2018-10-20

      代码片段:wechatide://minicode/7mHG5im37T32


      2018-10-20
      回复
登录 后发表内容