滚动阈值

指定可拖动元素超出区域边界的像素数量，在此之后容器将开始自动滚动。

接受

一个 Number 类型
一个返回 Number 类型的 Function

当使用 Function 定义时，每当容器或目标元素尺寸改变时，该值将自动刷新。
它也可以通过使用 refresh() 方法手动刷新。

默认值

20

滚动阈值代码示例

import { createDraggable } from 'animejs';

createDraggable('.square', {
  container: '.scroll-container',
  scrollThreshold: 12,
});

<div class="scroll-container scroll-x scroll-y">
  <div class="scroll-content">
    <div class="large padded grid square-grid">
      <div class="square draggable"></div>
    </div>
  </div>
</div>

#draggable-draggable-settings-scrollthreshold .draggable {
  background-color: rgba(var(--rgb-current), .25);
  border: solid 1px currentColor;
}

#draggable-draggable-settings-scrollthreshold .draggable::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  background-color: currentColor;
  border-radius: 2px;
}