Question

想象一下一个利用bootstrap cards的网站。

现在，如果您单击一个按钮以使一些上层卡片消失，那么下面的卡片将在瞬间眨眼间就神奇地填充了最近消失的卡片的位置。 消失的卡片下面的卡片如何平稳过渡并占据位置？

注意：我要寻找的答案只能解决我的问题-我不在乎如何。

我尝试了以下方法：

"freelanceArray":{
  "$cond":[
    {"$gt":["$freelanceArray",0]},
    {"userID":"$freelanceArray.userID","username":"$freelanceArray.username","publicName":"$freelanceArray.publicName"},
    "$$REMOVE"]
}

展示过渡未发生的gif： Click here to view the GIF

Answer 1

非常高级的想法是将所有位置都保留在内存中，并根据这些位置和位置变化自行处理所有运动。

但是您可以使用https://vestride.github.io/Shuffle/

之类的预构建库

动画引导卡替换消失的引导卡

1 个答案: