关于小球动画

来源：5-4 小球飞入动画实现

慕雪4779524

2021-01-24

不太懂小球动画为什么要获取document.body.offsetHeight 重绘才会显示动画? 可以给1个元素同时设置x 和 y轴偏移显示曲线运动么？

在左侧菜单栏和商品列表关联的时候问下左侧点击菜单时怎么让商品滚动有动画而左侧高量显示时没有？下图我点击的果品果汁,商品列表会缓动滚动到指定的菜单,但是current_index 是跟scrollY关联的，它是+=1这么递增上去的。

写回答

1回答

ustbhuangyi

2021-01-25

需要手动触发重绘的原因是这个动画本质上是先从 A 点 transform 到 B 点，然后从 B 点再通过缓动的方式回到 A 点，如果不手动重绘一下，浏览器会认为你最终还是回到 A 点，就不会有动画效果了。

Vue.js2.5+cube-ui重构饿了么App（经典再升级）

掌握Vue1.0到2.0再到2.5最全版本应用与迭代，打造极致流畅的WebApp

9868 学习 · 4162 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1