可拖动属性

createDraggable() 函数返回的 Draggable 实例上可用的属性。

const draggable = createDraggable(target, parameters);
          ┌──────────┐
draggable.│progressX │
draggable.│progressY ├─ Properties
draggable.│velocity  │
          └──────────┘
名称 描述
snapX 获取和设置 x 轴的捕捉值 (Number|Array<Number>)
snapY 获取和设置 y 轴的吸附值(Number|Array<Number>
scrollSpeed 获取和设置可拖动容器自动滚动的速度值(数字
scrollThreshold 获取和设置在开始自动滚动之前与容器边缘的阈值距离 (Number)
dragSpeed 获取和设置可拖动元素被拖动的速度值(Number
maxVelocity 获取和设置可拖动元素的最大速度限制(Number
minVelocity 获取和设置可拖动元素的最小速度限制(Number
velocityMultiplier 获取和设置应用于速度计算的乘数 (Number)
releaseEase 获取和设置应用于可拖动元素动画的缓动函数(Function
releaseSpring 获取在释放后用于移动可拖拽元素的内部弹簧 (Spring)
containerPadding 获取和设置容器的内边距值 [上, 右, 下, 左] (Array<Number>)
containerFriction 获取和设置容器内施加的摩擦值(数字
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轴目的地(数字
deltaX 获取 x 轴的当前增量 (Number)
deltaY 获取 y 轴的当前增量 (Number)
enabled 如果可拖动被启用,返回 true (Boolean)
grabbed 如果该元素当前被抓取,则返回 true (Boolean)
dragged 如果该元素当前正在被拖动,则返回 trueBoolean
cursor 获取和设置光标行为 (Boolean|DraggableCursorParams)
disabled 获取 [x, y] 轴的禁用状态 (Array<Number>)
fixed 如果目标元素具有 position:fixed,则返回 true (Boolean)
useWin 如果使用 window 作为容器则返回 true (Boolean)
isFinePointer 获取和设置是否正在使用精确指针(例如鼠标)(布尔值
initialized 如果可拖动元素已初始化,则返回 true (Boolean)
canScroll 如果可以自动滚动,则返回 trueBoolean
contained 如果可拖动元素位于边界内,则返回 true (Boolean)
manual 如果处于手动控制模式 (Boolean),则返回 true
released 如果元素刚被释放,返回 trueBoolean
updated 如果位置刚被更新,返回 trueBoolean
scroll 获取当前滚动位置 {x, y} (对象)
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 获取当前指针速度(数字
pointerAngle 获取当前指针的角度(弧度)(Number
activeProp 获取正在被动画的活动属性(String
onGrab 获取和设置在元素被抓取时触发的回调(Function
onDrag 获取和设置在拖动时触发的回调 (Function)
onRelease 获取和设置在释放时触发的回调 (Function)
onUpdate 获取和设置在任何位置更新时触发的回调(Function
onSettle 获取和设置在移动稳定时触发的回调(Function
onSnap 获取和设置元素吸附时触发的回调(函数
onResize 获取和设置在容器/元素大小改变时触发的回调 (Function)
onAfterResize 获取和设置调整大小处理完成后触发的回调(Function