新手刚接触小程序开发，在做一个输入框聚焦后上移的动画时，开发工具内预览正常，但在手机上预览就出现缺少动画过渡的情况，输入框直接从起点调到了终点，请帮忙解决一下
var animation = wx.createAnimation({ duration: 1000, timingFunction: "ease-in-out", }); this.animation = animation; animation.translateY(-170).step(); this.setData({ animationData: animation.export() }) |
这边是在iOS手机上有过渡丢失，在安卓机上没没没有问题。模拟器没没没问题。。我只是用一个动画过渡下。。小程序动画兼容还是有问题
遇到了同样的问题，两年了，官方也没修复。。。。
问题解决了？ 我也遇到类似问题
varanimation = wx.createAnimation({duration: 1000,timingFunction:"ease-in-out",});这一段放到 Page外面，看好点没。没好的话说下，我去看看片段
还是不好 我在手机上测试所有动画都缺少过渡，是不是我手机系统原因呢? 微信版本6.6.7 iOS12.0预览版
试了下，我把这个页面拷贝到我的项目里，iPhone6P 11.4 正常的
好的 谢谢了 我换个系统版本试试
我这边是在iOS手机上有过渡丢失，在安卓机上有问题。。。我只是用一个动画过渡下。。小程序动画兼容还是有问题
你好，方便的话请提供能复现问题的简单代码片段（ https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html ）。
wechatide://minicode/pcj2u6mZ7jc5
开发工具里测试应该没啥问题 就是手机上总是缺过渡
这边是在iOS手机上有过渡丢失，在安卓机上有问题。。。我只是用一个动画过渡下。。小程序动画兼容还是有问题
wxml代码:
<viewid='search'><inputanimation="{{animationData}}"placeholder="{{content}}"bindfocus='input_focus'bindblur='input_blur'/></view>js代码:
Page({data:{animationData:{},content:"시작하자!",},input_focus:function(){// clear placeholderthis.setData({content:"",});// set animationvaranimation = wx.createAnimation({duration: 1000,timingFunction:"ease-in-out",});this.animation = animation;animation.translateY(-170).step();this.setData({animationData: animation.export()})},input_blur:function(){this.setData({content:"시작하자!",})}})这是源码
你好，input组件非聚焦时时web渲染，聚焦之后是原生渲染，一旦是原生组件css就作用不到了，animation还有css都无法作用到原生组件上。