将CSS的动画设置为在适当的时间点重置动画,以实现实际的视觉无限滚动效果。
(图1)(图2)
代码:
显示结果:
动态更新卡数据
该卡仍然无限地滚动,但是每张卡显示的数据都不同,这意味着每次滚动时窗口中的DOM节点都不相同。
基于上述函数分析,可以得出两个设计思想:
以下是完整的代码:
显示结果:
原始:https://juejin.cn/post/7094840353542373384
将CSS的动画设置为在适当的时间点重置动画,以实现实际的视觉无限滚动效果。
(图1)(图2)
代码:
显示结果:
动态更新卡数据
该卡仍然无限地滚动,但是每张卡显示的数据都不同,这意味着每次滚动时窗口中的DOM节点都不相同。
基于上述函数分析,可以得出两个设计思想:
以下是完整的代码:
显示结果:
原始:https://juejin.cn/post/7094840353542373384