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

How to slideUp like an odometer

本文关键字:一样 何像 里程表      更新时间:2023-09-26

我有这个,它"足够好",但我最初的愿景是让数字像里程表一样滚动:

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

所以它的作用是:当页面加载时,数字会突出显示。页面加载两秒钟后,它向上滑动到看不见的地方,然后以正常字体向下滑动。

但我想让它像里程表一样计数。我也可以给它一个起始号码,这样用户就不必观看了这一数字高得离谱。

您可以去阅读ScrollerJS的源代码。它通过CSS转换和DOM动画支持来实现您想要实现的目标。

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

相关文章: