CdkDrag移动得太快

Question

我面临着一些奇怪的CdkDrag行为，当可拖动元素比容器宽时，即使拖动仅几像素，也会立即拖动到可拖动元素的末端。

有什么想法可以使其顺畅地拖动，因为它可以与红色正方形一起使用？

Answer 1

我想象您有两个函数来移动元素（单击）和（拖动）。您可以使用变量“ onDrag”，因此可以使用类似的

if statement

在拖动开始时，我们将变量设置为true，在dragEnded中，我们将其放入setTimeOut中，将变量设置为false。点击先检查变量

<div class="example-box" cdkDrag
  (cdkDragStarted)="onDrag=true"
  (cdkDragEnded)="dragEnded()"
  (click)="!onDrag && click()"
  >
  Drag me around
</div>