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

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

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

javascript - 掉落时跳跃的物品 react 漂亮 dnd-LMLPHP

最佳答案

确定在文档中找到它,它说可拖动元素:“还建议您不要将自己的过渡属性应用于拖动元素。”

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

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

关于javascript - 掉落时跳跃的物品 react 漂亮 dnd,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/59130533/

10-11 11:48