tumblr客户端的按钮拖动跟随动画应该如何实现

视频演示

感觉非常的流畅,就想能不能不通过canvas的情况下去实现他,

我自己试了三种方案

  1. 利用setTimeout+transiton 鼠标touchmove的时候 利用超时来给几个按钮设置position 比如按钮1就50ms设置pos 按钮2就100ms,

最后失败了 因为鼠标的Move事件过于快速了,会导致按钮在那边抽动。如果即时清空队列就会导致按钮出现偏移。用节流也是一样

  1. 单纯transtion 给不同的按钮设置不同的延迟 。 依旧不行
  2. 给按钮设置一个数组,数组内部包含对应按钮的pos 第二个按钮继承第一个的pos ,第三个继承第二个的,最后第一个按钮用最新的鼠标pos。依旧失败

所以特来请教一下各为有没有好的解决办法,或者能不能告诉我这种类型的动画叫什么名字

阅读 1.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题