容器摩擦

指定当拖拽元素超出边界时所施加的摩擦力,其中 0 表示完全没有摩擦力,1 表示阻止元素超出容器边界。

接受

  • 一个大于或等于 0 且小于或等于 1Number 类型值
  • 一个返回大于或等于 0 且小于或等于 1Number 类型值的 Function

当使用 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>