JavaScript运动框架 解决速度正负取整问题(一)

前端之家收集整理的这篇文章主要介绍了JavaScript运动框架 解决速度正负取整问题(一)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

这里说的运动是指缓冲运动,缓冲运动会使物体逐渐‘着陆',而不是‘硬着陆',到达目标位置的过程中速度越来越慢,看起来很舒服。

缓冲的特点:

  • 速度随着距离的缩短而降低
  • 速度 = (目标值 - 当前值) / 缩放系数;
  • 速度一定要是整数

比如,一个div从最左边运动到left等于400的位置停下,可以如下实现:

<Meta charset="utf-8"> 运动框架(一)