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

发布于 2022-09-06 09:37:14 字数 506 浏览 19 评论 0

视频演示

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

我自己试了三种方案

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

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文