releaseContainerFriction

覆盖在释放时被拖动元素抛出边界时应用的 containerFriction ,其中0表示没有摩擦,1则阻止元素超出容器边界。

接受

  • A Number greater than or equal to 0 and lower than or equal to 1
  • A Function that returns a Number greater than or equal to 0 and lower than or equal to 1

当使用 Function 定义时,每次容器或目标元素大小调整时,值会自动刷新。
它也可以通过 refresh() 方法手动刷新。

默认

The containerFriction

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>