dnd-kit：相对于鼠标指针拖动而不是可拖动

Question

使用

@dnd-kit/core

的默认行为是相对于其原始位置拖动被拖动的元素（以及 DragOverlay 中的 div）。如果我在距 Draggable 原点一定偏移处单击并拖动 Draggable，它将根据我拖动指针的距离相对于其原始位置移动一定的偏移量。

如何让拖动的项目“跳转”到指针的位置？拖动的项目应位于指针的正下方，而不是相对于原始位置。

Answer 1

将

collisionDetection={pointerWithin}

属性添加到 DndContext：

<DndContext collisionDetection={pointerWithin}>...</DndContext>

查看文档了解更多信息