跳过主要内容

x

x: 数值

[只读] Draggable 实例的当前位置(水平坐标)。

细节

数字- 当前x(水平)位置的 Draggable 实例。对于一个 Draggable 对象来说,type: "x,y"对于 Draggable 类型为x的 transform 平移,比如 CSS 中的transform: translateX(...)。对于type: "top,left"来说,Draggable 的x将引用 CSSleft值。这不是全局坐标——这是应用于元素的内联 CSS 相关值。

每次通过交互拖动 Draggable 时,以及在用户释放鼠标/触摸后 Draggable 应用基于动量的补间动画期间,该值都会被更新。但如果您手动更改(或补间动画)元素的位置,则可以强制 Draggable 查看“真实”的值并将其记录到自己的属性中。x属性来强制 Draggable 查看“真实”的值,并将其记录到自己的update()方法。基本上,这会重新同步它的状态。同样,除非有其他代码(来自 Draggable 外部)修改了目标元素的位置,否则这是不必要的操作。

目录

无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗