在删除元素时动画html5拖放

时间:2014-03-05 20:21:01

标签: html5 css3 animation

我正在使用原生HTML5拖放功能进行简单的游戏应用,用户需要拖动动物的图像并放入正确的海湾(国内/野外)。当我将拖动的元素拖放(附加)到海湾时,我想要对其进行动画处理,使其看起来好像元素正在飞行并在海湾中掉落。

我尝试了fadeIn(),但是在附加元素之后发生了。我需要dragstart和drop之间的动画。谢谢你的帮助。

1 个答案:

答案 0 :(得分:1)

对于您要实现的目标,html5拖放功能可能不是您正在寻找的精确视觉体验的最佳选择。

由于浏览器的默认行为略有不同,最令人讨厌的是移动动画'一旦拖动项目被删除。
我不知道为什么Chrome背后的开发人员做了那个愚蠢的功能"这甚至会延误dragend事件,这更糟糕的是......

因此,您需要使用非常精确的视觉功能编写自己的拖放功能,但我建议不要使用html5拖放特定情况。