Magnetic
指针靠近时元素被吸附跟随,离开后缓动回正,适合按钮、图标等小元素;减弱动态效果下自动禁用。
Customize
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
children | ReactNode | — | 需要磁吸效果的内容 |
strength | number | 0.35 | 吸附强度(0-1),元素向指针偏移的距离比例 |
range | number | 120 | 元素边缘向外扩展的触发范围(像素) |
resetDuration | number | 400 | 指针离开触发范围后的回正时长(毫秒) |
className | string | — | 自定义类名 |
依赖
PointerEvent