反馈与交互 · 点一下的回应
弹性滑杆Elastic slider
- 被速度拉长
- 停下就收回
- 把急画出来
滑杆把手在被拖动时按当前速度被横向拉长，停下再缩回圆。拉长量和速度成正比，所以慢慢拖它几乎不变形，快速甩一下能拉成一个胶囊 —— 这一个反馈把「你推得有多急」直接画了出来。
什么时候用它
用在音视频的时间轴、音量、亮度这类连续调节上，能让拖动显得有物理感。离散的档位选择别用（那里应该用吸附），表单里的短滑杆也不必用 —— 行程太短，速度起不来，看不出效果。
参数
transform: scaleX 1→1.6 · scaleY 1→0.7 · decay 220ms ease-out · thumb follow 90ms first-order
配方
弹性滑杆 → transform: scaleX 1→1.6 · scaleY 1→0.7 · decay 220ms ease-out · thumb follow 90ms first-order
给 AI 的一句话
做一个弹性滑杆：读把手当前速度，把它映射成 scaleX（最快时约 1.6）和 scaleY（约 0.7，保持体积不变）；速度降下来后 220ms ease-out 缩回 1。把手本身用一阶跟随（每帧向目标靠近 0.28），不要用缓动函数 —— 缓动会让它变成「追不上」而不是「跟得紧」。