前端实现抽奖/数字滚动方案

最新推荐文章于 2025-04-01 17:48:38 发布

瑞瑞w

最新推荐文章于 2025-04-01 17:48:38 发布

阅读量2k

点赞数

本文链接：https://blog.youkuaiyun.com/wang9rui/article/details/111386099

版权

该博客聚焦前端领域，介绍了抽奖和数字滚动的实现方案，属于信息技术中前端开发范畴，为前端开发者提供相关技术思路。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这边使用了三种实现方式实现滚动速度和几秒内完成动画的动态方式，具体实现思路如下
1.使用定时器去控制他的translate,但是这种实现方式性能不大好，并且动画滚动的效果看起来一卡一卡的，pass掉了这个方案
2.还有使用定时器控制当前滚动的数据，给它数组的第一项删除，添加到数组的最后一项，然后动画这边可以控制他的margin,translate,使用transition,网上好多这种实现思路，但是性能不好，并且估计没自测，安卓部分手机卡顿，特别卡顿
3.最终方案：使用anmation的无限滚动，然后动态控制类名，这种方案，经过测试无问题，性能也不错