反馈与交互 · 点一下的回应
拖拽Drag
- 直接
- 手控
- 真实
元素跟随光标或手指移动，位移量完全由用户决定，松手后可能停住也可能弹回。
什么时候用它
画布、滑块、可移动面板用它；跟随过程中要保证元素跟手，中间不要加过渡。
参数
transform tracks pointer directly · no transition · on release: momentum (decay 0.95/frame) or rubber-band (damping 0.5)
配方
不用过渡拖拽 → transform tracks pointer directly · no transition · on release: momentum (decay 0.95/frame) or rubber-band (damping 0.5)
给 AI 的一句话
让这个面板可以拖动：拖动时用 transform 直接跟随指针、不加过渡，松手后若超出边界 40px 以上，用 stiffness 300、damping 30 的弹簧回到边界内。