container

指定可拖拽元素的容器，防止其被拖拽到定义的边界之外。

接受

CSS 选择器 String 用于定位 HTMLElement
HTMLElement
Array<Number> ([top, right, bottom, left])
返回 Array<Number> ([top, right, bottom, left]) 的Function

当使用 Function 定义时，该值将在每次窗口或目标元素调整大小时自动刷新。
也可以使用 refresh() 方法手动刷新。

默认值

null

container 代码示例

import { createDraggable } from 'animejs';

createDraggable('.square', {
  container: '.grid',
});

createDraggable('.circle', {
  container: [-16, 80, 16, 0],
});

<div class="large centered grid square-grid array-container">
  <div class="square draggable"></div>
  <div class="circle draggable"></div>
</div>

上一个 下一个

trigger
containerPadding