2643关注8042浏览
问题表现：left()、right()、top()、bottom()动画执行时并没有出现运动效果，并且连delay也没有生效，物体会不经动画过程直接出现在目标位置上，但是使用rotate()进行旋转动画时却有动画效果。
是我写的有问题还是这是个BUG？
测试源码：
前端代码
<view class='div' bindtap='DivTap' animation="{{MyAnimation}}">view>
CCS代码
/* index/index.wxss */
.div{
width: 100px;
height: 100px;
background: red;
position: relative;
}
JS代码
// index/index.js
Page({
data: {
MyAnimation:[]
},
onLoad: function(options) {
this.MyAnimation = wx.createAnimation({
duration: 2000,
timingFunction: 'linear',
delay: 2000,
transformOrigin: '50% 50% 0'
});
},
DivTap: function() {
this.MyAnimation.left(100).step()
this.setData({
MyAnimation:this.MyAnimation.export()
})
console.log(this.MyAnimation);
}
})
-
至过去的我
2044人对此回答表示赞同
我是未来的你，你现在是不是在年找寻小程序答案。你不要感觉诧异，给你来信原因，就是让你不在后悔。今天去学习如何推广小程序，相信......点击查看更多> -
Ridley Chan
17人对此回答表示赞同
使用absolute也不行，和relative同样的效果
展开170回复分享发布于 6年前评论（0）
收起评论
-
Maya
16人对此回答表示赞同
需要调用setTimeout等延迟重新setData一次才可显示
展开169回复分享发布于 6年前评论（9）
收起评论
-
Tavis 2019-02-24 12:571、wxml
回复 -
裸奔的花生 2019-02-26 12:01小哥哥帮看下，https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=1289114753&docid=0000a450460ce0b371374cb0251000
回复 -
Melanie 2019-02-28 19:23成了，十分感谢，原来要给定位的
回复 -
Eva 2019-03-02 08:12有的，您先需给定位个初始化，
回复 -
Ridley Chan 2019-03-04 23:13
我试了一下您的这个写法，变宽度高度角度都行，但是left()、right()、top()、bottom()还是不行
回复 -
薛嘉言 2019-03-07 00:19initAnimation(){
回复 -
林小姐也是lyn 2019-03-08 12:18我试了一下不行，能贴一下您的写法吗？
回复 -
Frederick富坚 2019-03-10 09:52我的意思就是这个问题
回复 -
Yogi 2019-03-12 20:14动画不是没显示，是没有动画过程，请仔细读题
回复
-
-
何入舟
12人对此回答表示赞同
小哥哥帮看下https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=1289114753&docid=0000a450460ce0b371374cb0251000
展开120回复分享发布于 6年前评论（0）
收起评论
-
Lucas
10人对此回答表示赞同
能来个代码片段吗？
展开100回复分享发布于 6年前评论（0）
收起评论
-
luyishisan13
10人对此回答表示赞同
如果是希望左右上下移动问什么不考虑translate
展开100回复分享发布于 6年前评论（0）
收起评论
-
钟毓
4人对此回答表示赞同
建议调整一下布局，使用position:absolute来实现动画。
展开41回复分享发布于 6年前评论（1）
收起评论
-
Hannah 2019-03-02 10:13我的问题怎么样了？
回复
-
-
Shera
2人对此回答表示赞同
1、wxml
展开20回复分享发布于 6年前评论（0）
收起评论
相关问题
热门问题
小程序功能
