【问题标题】:Odometer Scroll Speed and Duration Increase里程表滚动速度和持续时间增加
【发布时间】:2019-07-26 19:34:33
【问题描述】:

我正在努力 odometer 尝试增加里程表每一位数字的滚动持续时间和速度但不工作请帮助....

这是一个例子:

Odometer Counter values 0 In Starting

更改了 java 脚本文件中的持续时间值并尝试更改其他代码但不起作用

我正在使用代码来增加滚动时间,但是每个数字的滚动速度不等于第一个数字太慢了你可以看到 fowling 链接

增加持续时间和数字的代码很慢

**Every Digit scroll Speed mast be fast or equal **

JsFiddle

所有代码都可以通过以下链接获得

Odometer Counter values 0 In Starting

【问题讨论】:

    标签: javascript jquery performance scroll odometer


    【解决方案1】:

    如果您想让动画更快,您需要更改 css 过渡。在这里,我将 javascript 和 css 都调整为只需 1 秒:

    Javascript:

    window.odometerOptions = {
      duration: 1 * 1000
      //,animation: 'count'
    };
    

    CSS:

    .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
    .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner,
    .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating 
    .odometer-ribbon-inner {
      -webkit-transition-duration: 1s !important;
      -moz-transition-duration: 1s !important;
      -ms-transition-duration: 1s !important;
      -o-transition-duration: 1s !important;
      transition-duration: 1s !important
    }
    

    http://jsfiddle.net/mfoj6qpw/

    【讨论】:

    • 感谢您的快速响应。是的,动画更快,但滚动持续时间呢?
    • 需要长时间滚动
    猜你喜欢
    • 2013-11-23
    • 1970-01-01
    • 2012-12-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-06-10
    • 1970-01-01
    • 2012-01-25
    相关资源
    最近更新 更多