javascript - 如何像里程表一样向上滑动

Question

我有这个，它“足够好”，但我最初的愿景是让数字像里程表一样滚动：

setTimeout(slideUp,2000);
function slideUp() {
   $('#odometer').slideUp('slow','swing',slideDown);
}
function slideDown() {
    $('#odometer').removeClass('highlight').slideDown('slow');
}

所以它的作用是：当页面加载时，数字被突出显示。页面加载后两秒钟，它会向上滑出视线，然后以正常字体向下滑动。

但我想让它做的就是像里程表一样数数。我也可以给它一个起始数字，这样用户就不必看着它计数到一个过高的数字。

Answer 1

你可以去阅读ScrollerJS的源代码。它完全符合您想要通过 CSS 过渡和 DOM 动画支持实现的目标。

最重要的是它是开源的，不依赖任何第三方库，包括 jQuery、D3、Velocity 等。