animation - 如何从 react-beautiful-dnd 中删除拖动开始动画?
问题描述
我想创建一个“调色板”来拖动使用react-beautiful-dnd
. 这就像绘图应用程序中的调色板,即。(副本)可拖动对象在拖动过程中将保留在调色板中,并且调色板在拖动开始或拖动结束时不会动画。
我已经实现了我需要使用的大部分内容:
- 环境
isDropEnabled={true}
- 用 CSS 隐藏占位符
div[data-rbd-placeholder-context-id] {display: none !important;}
- 根据https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/drop-animation.md减少放置动画
- 使用 CSS 减少拖动动画
div[data-rbd-draggable-context-id] {transition: 0.001s !important;}
- 在中插入重复
Draggable
项onDragStart
拖动时仍有闪烁,放下时仍有闪烁。
我还能做些什么来防止react-beautiful-dnd
在拖动开始时以及在拖动结束时对可拖动对象的删除进行动画处理?
解决方案
推荐阅读
- node.js - 在关闭节点 js 服务器之前清除事件循环
- normalization - 使用 Data Fusion 将 BigQuery 表(源,包含 ARRAY/STRUCT)通过将“Wrangler”转换为相应的“规范化”BigQuery 表
- angular - 如何使用 RxJs 将两个 Observable 组合成一个 Observable Array
- mysql - SQL:连接两个表之间的外键并仅返回项目数;不是实际项目
- tensorflow - nvcc 错误:使用 bazel 构建 tensorflow 时,'cicc' 以状态 0xC0000005 (ACCESS_VIOLATION) 死亡
- django - Django + MongoDB - pymongo.errors.ServerSelectionTimeoutError
- session - 在 ASP.NET Core 中使用 Response.Redirect 时,临时数据/会话始终为空
- angular - 在设置值之前等待方法完成
- if-statement - 涉及 Vlookup 和 IFNA 的多个 If 条件
- docker - 将多个 .yml 文件传递给 docker-compose