releaseContainerFriction
覆盖了在释放时拖动元素超出边界时应用的 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>