当前位置: 首页 > 网络应用技术

实施卡无限滚动动画

时间:2023-03-09 01:02:00 网络应用技术

  将CSS的动画设置为在适当的时间点重置动画,以实现实际的视觉无限滚动效果。

  (图1)(图2)

  代码:

  显示结果:

  动态更新卡数据

  该卡仍然无限地滚动,但是每张卡显示的数据都不同,这意味着每次滚动时窗口中的DOM节点都不相同。

  基于上述函数分析,可以得出两个设计思想:

  以下是完整的代码:

  显示结果:

  原始:https://juejin.cn/post/7094840353542373384