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

ios8下css3动画transition:translateY()无法正常使用

框架类型 问题类型 终端类型 操作系统 微信版本 基础库版本
小程序 Bug 客户端 iOS 6.7.1 2.0.7

这次上线的版本中增加了部分css3的动画, 其中有一个站点选择的动画是使用的transition: translateY();属性写的, 上线后有用户反馈页面被底部的页面直接遮盖掉了, 详见代码片段wechatide://minicode/ACVrnams7inF, 用户反馈ios版本为ios8.4.1


wechatide://minicode/ACVrnams7inF
回答关注问题邀请回答
收藏

2 个回答

  • 阿白
    阿白
    2018-07-25

    页面进入的时候的样式是这样的, 点击请选择到达站点后, 之前定位在最底部的一层会动画到上面来覆盖页面, 通过 修改 transition: translateY(-100%); 为transition: translateY(0%); 实现这样的弹层动画



    点击请选择到达站点后, 会变成这个样子(在最底部的一层会显示出来)




    但是客服收到用户返回, 页面进入的时候就是图二的样子, 所以我们初步判断是因为css3的transition样式, 在ios8下无效造成的


    补充一个gif描述

    2018-07-25
    有用
    回复 3
    • 阿白
      阿白
      2018-07-27

      没人了吗

      2018-07-27
      赞
      回复
    • 是小白啊
      是小白啊
      2018-07-27回复阿白

      你好，是仅有ios8这系统的才会吗？有测试其他机型吗？你所提供的代码无法检验出问题，建议你可以提供可复现的问题。


      2018-07-27
      赞
      回复
    • 阿白
      阿白
      2018-07-30回复是小白啊

      其他机型无问题, 仅ios8系统会有

      2018-07-30
      赞
      回复
  • 是小白啊
    是小白啊
    2018-07-25

    你好，麻烦截图一下问题的表现，好做判断

    2018-07-25
    有用
    回复 1
    • 阿白
      阿白
      2018-07-27

      已截图, 麻烦看看

      2018-07-27
      赞
      回复
请 登录 后发表内容
相关问题
相关文档