javascript - 掉落时元素跳跃 react 美丽 dnd

Question

尝试使用 react-beautiful-dnd 来创建可拖动的元素，但无法找到它为何如此“跳跃”的原因。拖动的元素和其他元素在移动元素并释放后移动和缩放(参见包含的图像 gif)。只有当将一个元素/卡片拖到列表末尾时，它才会在没有任何动画的情况下稳定下来，这就是我想要的方式。

在基于 javascript 的 css 中使用 material-UI 样式和 flex 使容器与元素居中。

还尝试按照建议跳过放置动画但没有成功:https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/drop-animation.md

Answer 1

好的，在文档中找到了它，其中针对可拖动的元素说:“还建议您不要将自己的过渡属性应用于拖动元素。”

删除了这个 css，阴影的平滑器:

transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',