释放容器摩擦
覆盖元素在释放时被抛出边界后所应用的 containerFriction(容器摩擦力),其中 0 表示完全没有摩擦力,1 则阻止元素越过容器边界。
接受
- 一个大于或等于
0且小于或等于1的Number(数字) - 一个返回大于或等于
0且小于或等于1的Number(数字)的Function(函数)
当使用 Function 定义时,每当容器或目标元素尺寸改变时,该值将自动刷新。
它也可以通过使用 refresh() 方法手动刷新。
默认值
releaseContainerFriction 代码示例
import { createDraggable } from 'animejs';
createDraggable('.square', {
container: '.grid',
releaseContainerFriction: 0,
});
createDraggable('.circle', {
container: '.grid',
releaseContainerFriction: 1,
});
<div class="large centered grid square-grid">
<div class="square draggable"></div>
<div class="circle draggable"></div>
</div>