哈哈，上动态图真的是一下就明了了。 通过css3中的关键帧，可以得到跳步的效果。先通过一个短的看一下思路。 如果是写死的获奖，那么需要把前面的那个复制一份到后面去，如果是一个一个滚动那么就复制第一个，如果是两个两个滚动的就复制第一个和第二个。 然后计算需要滚动多少次，一次多少秒…

收到了很多反馈，以下所述的方案，的确不是一个最优方案。实现这种效果，可以直接使用微信小程序的swiper组件。以下的实现方案，只提供一种思路，有兴趣可以看看，或者略过。 先看效果图。 左右滑动到一定的距离，就向相应的方向移动一个卡片的位置。 卡片滑动的时候有一定的加速度。 如果…

该插件是参照 CountUp.js 封装的，为小程序提供的数字滚动，以更有趣的方式显示数值数据。 CountUp.js 源代码使用 document 浏览器提供的DOM操作接口，在微信小程序中并不支持。只能通过传入一个 this (当前上下文对象) 来 setData 改变数据…

今天老鱼带领大家学习如何使用最少的代码创建令人叹为观止的滚动动画~看完你一定会忍不住上手实战，不要错过哦

从交互层面上来讲，完成一个功能（获得想要的信息）的过程称之为用户路径。用户路径越长，完成功能的复杂度就越高，用户体验也就越差。因此当打开一个需要用户填写信息的表单界面时，为了提高可用性，PC 端一般会将光标聚焦到对应输入框（input），移动端也是同理，让对应的 input 获…