可拖拽属性

const draggable = createDraggable(target, parameters);
          ┌──────────┐
draggable.│progressX │
draggable.│progressY ├─ Properties
draggable.│velocity  │
          └──────────┘
名称 描述
snapX 获取和设置 x 轴的 snap 值 (Number|Array<Number>)
snapY 获取和设置 y 轴的 snap 值 (Number|Array<Number>)
scrollSpeed 获取和设置可拖拽容器自动滚动的速度值 (Number)
scrollThreshold 获取和设置自动滚动开始前距容器边缘的阈值距离 (Number)
dragSpeed 获取和设置可拖拽元素被拖拽的速度值 (Number)
maxVelocity 获取和设置可拖拽元素的最大速度限制 (Number)
minVelocity 获取和设置可拖拽元素的最小速度限制 (Number)
velocityMultiplier 获取和设置应用于速度计算的乘数 (Number)
releaseEase 获取和设置应用于可拖拽元素动画的缓动函数 (Function)
releaseSpring 获取用于在释放后移动可拖拽元素的内部弹簧 (Spring)
containerPadding 获取和设置容器的内边距值 [上, 右, 下, 左] (Array<Number>)
containerFriction 获取和设置容器内应用的摩擦值 (Number)
containerBounds 获取容器的边界 [上, 右, 下, 左] (Array<Number>)
containerArray 如果提供了多个容器,则获取容器元素数组 (Array<HTMLElement>|null)
$container 获取和设置容器元素 (HTMLElement)
$target 获取和设置目标元素 (HTMLElement)
$trigger 获取触发元素 (HTMLElement)
$scrollContainer 获取滚动容器(窗口或容器元素) (Window|HTMLElement)
x 获取和设置 x 位置 (Number)
y 获取和设置拖拽元素的 y 位置 (Number)
progressX 获取和设置 x 位置相对于容器的进度 (0-1) (Number)
progressY 获取和设置 y 位置相对于容器的进度 (0-1) (Number)
velocity 获取可拖拽元素的当前速度 (Number)
angle 获取可拖拽元素的当前角度(弧度) (Number)
xProp 获取映射的 x 属性名称 (String)
yProp 获取映射的 y 属性名称 (String)
destX 获取当前定义的 x 轴目标位置 (Number)
destY 获取当前定义的 y 轴目标位置 (Number)
deltaX 获取 x 轴的当前增量 (Number)
deltaY 获取 y 轴的当前增量 (Number)
enabled 如果可拖拽已启用,则返回 true (Boolean)
grabbed 如果元素当前正在被抓取,则返回 true (Boolean)
dragged 如果元素当前正在被拖拽,则返回 true (Boolean)
cursor 获取和设置光标行为 (Boolean|DraggableCursorParams)
disabled 获取 [x, y] 轴的禁用状态 (Array<Number>)
fixed 如果目标元素具有 position:fixed,则返回 true (Boolean)
useWin 如果使用窗口作为容器,则返回 true (Boolean)
isFinePointer 获取和设置是否正在使用精细指针(例如鼠标) (Boolean)
initialized 如果可拖拽已初始化,则返回 true (Boolean)
canScroll 如果自动滚动可能,则返回 true (Boolean)
contained 如果可拖拽对象包含在边界内,则返回 true (Boolean)
manual 如果在手动控制模式下,则返回 true (Boolean)
released 如果元素刚刚被释放,则返回 true (Boolean)
updated 如果位置刚刚更新,则返回 true (Boolean)
scroll 获取当前滚动位置 {x, y} (Object)
coords 获取当前和之前的坐标 [x, y, prevX, prevY] (Array<Number>)
snapped 获取 [x, y] 轴的吸附状态 (Array<Number>)
pointer 获取当前和之前的指针位置 [x, y, prevX, prevY] (Array<Number>)
scrollView 获取滚动视图尺寸 [宽度, 高度] (Array<Number>)
dragArea 获取拖拽区域边界 [x, y, 宽度, 高度] (Array<Number>)
scrollBounds 获取滚动容器边界 [上, 右, 下, 左] (Array<Number>)
targetBounds 获取目标元素边界 [上, 右, 下, 左] (Array<Number>)
window 获取窗口尺寸 [宽度, 高度] (Array<Number>)
pointerVelocity 获取当前指针速度 (Number)
pointerAngle 获取当前指针角度(弧度) (Number)
activeProp 获取正在动画的活动属性 (String)
onGrab 获取和设置元素被抓取时触发的回调 (Function)
onDrag 获取和设置拖拽时触发的回调 (Function)
onRelease 获取和设置释放时触发的回调 (Function)
onUpdate 获取和设置任何位置更新时触发的回调 (Function)
onSettle 获取和设置移动稳定时触发的回调 (Function)
onSnap 获取和设置元素吸附时触发的回调 (Function)
onResize 获取和设置容器/元素调整大小时触发的回调 (Function)
onAfterResize 获取和设置在调整大小处理完成后触发的回调 (Function)