在react上弹出漂亮的dnd时跳转的项目

Question

尝试使用react- but dnd来创建可拖拽的项目，但找不到为什么它如此“跳跃”。在移动项目并释放它之后，被拖动的项目和其他项目正在移动和缩放(参见包含的图像gif )。只有当拖动物品/卡片到列表的末尾时，它才会在没有任何动画的情况下稳定下来，这就是我想要的方式。

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

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

​

​

Answer 1

Ok是在文档中找到的，文档中写着for draggable items：“我们还建议您不要将自己的转换属性应用于拖动元素。”

去掉了这个css，阴影的平滑器：

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