尝试使用react-beautiful-dnd创建Dragabble项目,但找不到为什么如此“跳跃”。在移动并释放项目之后,被拖动的项目和其他项目正在移动并缩放(请参见附带的图像gif)。仅当将一个项目/卡片拖到列表的末尾时,它才稳定下来而没有任何动画,这就是我想要它们的方式。
在基于JavaScript的CSS中使用material-UI样式和flex将容器与项目居中放置。
尝试也跳过建议的放下动画,但未成功:https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/drop-animation.md
答案 0 :(得分:0)
Ok在文档中针对可拖动项目的内容找到了它:“还建议您不要对拖动元素应用自己的过渡属性。”
删除了此css,即阴影的平滑器:
transition: 'all 0.3s cubic-bezier(.25,.8,.25,1)',