containerFriction
指定拖动元素超出边界时施加的摩擦力,其中 0 表示没有摩擦力,1 表示阻止元素超出容器边界。
接受
- A
Numbergreater than or equal to0and lower than or equal to1 - A
Functionthat returns aNumbergreater than or equal to0and lower than or equal to1
当使用 Function 定义时,每次容器或目标元素大小调整时,值会自动刷新。
它也可以通过 refresh() 方法手动刷新。
默认
0.8
containerFriction 代码示例
import { createDraggable } from 'animejs';
createDraggable('.square', {
container: '.grid',
containerFriction: 0,
});
createDraggable('.circle', {
container: '.grid',
containerFriction: 1,
});
<div class="large centered grid square-grid">
<div class="square draggable"></div>
<div class="circle draggable"></div>
</div>