在ionic 3-angular 4 app中使用动画将div从一个位置移动到另一个位置

Question

我正在尝试在 Ionic 3 开发的移动应用中制作一些动画。我需要将 div 从一个位置移动到另一个位置。

在下面的代码中，我需要根据计数在时间轴项标记之后移动具有“上”类的 div。

我是 Angular 4 动画的新手。请帮忙

Answer 1

动画的工作方式，就是简单地切换一些元素的类，同时添加一些css属性。

您实际上并没有在 DOM 中交换节点。只是在视觉上，一些动画可以“让它看起来”那样。

如果您想要一些快速的动画，您可以查看AnimateCSS 并添加它在您想要动画触发时提供的类。

您实际上可以通过 JS 交换 DOM 中的元素，但这对于您正在尝试做的事情来说似乎有些矫枉过正。