美文网首页
2018-09-01做购物车小球动画的时候总是出不来

2018-09-01做购物车小球动画的时候总是出不来

作者: 幸福晓杰2016 | 来源:发表于2018-09-01 16:05 被阅读28次

我反反复复查找了将近四个小时,终于将问题找出来了

1.el.display=""
少写了style
改为el.style.diaplay=""
2. es6中``中括住的变量必须是${}修饰,我写成了$(),自然无法识别
3. css 示例有问题
.ball
    position:fixed
    ....
上面必须空两格, 我找来找去,没想到最后一个问题出现在这里,可能是复制的时候出现的问题

最后回答一下 很多人说加了el.addEventListener('transitionend', done)之后
afterEnter 不执行的问题

我查了很多,不是没写:css= 'false' 的原因
其实是你的动画JS代码写的有误,或者CSS代码没有生效
导致动画执行时不知道如何结束,自然不会调用afterEnter的方法啦。
其实有el.addEventListener('transitionend', done)时 程序必须等待动画结束之后才执行。

所以这个时候去查找代码上的错误就好了

相关文章

  • 2018-09-01做购物车小球动画的时候总是出不来

    我反反复复查找了将近四个小时,终于将问题找出来了 最后回答一下 很多人说加了el.addEventListener...

  • 页面中常见的小球飞入购物车效果应该注意什么地方?

    之前有群友问电商网站中点击“加入购物车”就会出现一个小球飞入购物车的动画是怎么做的,自己总是做不好,没有某...

  • react hook封装购物车动画

    前阵子,开发过程中需要用到购物车动画,所以封装了动画hooks,在此做一下总结归纳。 一、思考 首先,购物车动画的...

  • vue实现点击商品加入购物车动画

    如今这么发达,想必大家都用饿了么点过餐吧?当你选择商品加入购物车,小球飞入的动画是不是很炫酷?,大体是下边这个样子...

  • 16.小球购物车动画复习以及动画误区

    1.不能用透明度来实现半场动画: 原因:因为透明度会被走完一场动画,而不是中途中断动画然后重头开始!

  • Android简单的加入购物车动画

    这是一个加入购物车一个小球走抛物线的动画。先看效果图: 、 在此之前,我们需要定义一个viewgroup的layo...

  • 仿饿了么小球动画

    饿了么下单时,点击➕会有一个小球跳跃进入购物车的动画,公司有个商城页面要求模仿这个效果,在网上搜了下.都需要借助框...

  • 购物车动画与加减

    实现以下业务逻辑 购物车动画 购物车内加减 一、购物车动画 通过点击控制显示与隐藏,

    跳动的小球动画

    平时对牛逼动画,高级UI,都深入的不多!近日,某头条,推了一个android技术类视频(平时在头条关注技术比较多)...

  • 购物车动画

    今天整理一下购物车动画,整理一下,方便以后使用.咱们定外卖的的时候,添加商品,可以看一个加入购物车的动画,下面就实...

网友评论

      本文标题:2018-09-01做购物车小球动画的时候总是出不来

      本文链接:https://www.haomeiwen.com/subject/keduwftx.html