containerPadding

指定容器的内边距（以像素为单位）。

接受

Number
Array<Number> ([top, right, bottom, left])
A Function that returns Array<Number> ([top, right, bottom, left])

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

默认

0

containerPadding 代码示例

import { createDraggable } from 'animejs';

createDraggable('.square', {
  container: '.grid',
  containerPadding: [ 16, 32, -16, 64], // top, right, bottom, left
  scrollThreshold: 0,
});

<div class="large centered padded show-bounds grid square-grid">
  <div class="square draggable"></div>
</div>

.grid.padded.show-bounds::after {
  opacity: 1;
  top: calc(1rem);
  right: calc(2rem - 1px);
  bottom: calc(-1rem - 1px);
  left: calc(4rem);
  border: 1px dashed currentColor;
  box-shadow: none;
}

container
containerFriction