容器内边距
指定容器的内边距,单位为像素。
接受
数字
Number
数组 ([上, 右, 下, 左]
)- 一个返回
Number
数组 ([上, 右, 下, 左]
) 的函数
当使用 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::before {
opacity: 1;
top: calc(1rem);
right: calc(2rem - 1px);
bottom: calc(-1rem - 1px);
left: calc(4rem);
border: 1px dashed currentColor;
box-shadow: none;
}