Увеличение скорости и продолжительности прокрутки одометра

Я работаю над одометром, пытаясь увеличить продолжительность прокрутки и скорость каждой цифры одометра, но не работает. Пожалуйста, помогите....

Вот пример:

Значения счетчика одометра 0 в пуске

Изменено значение длительности в файле сценария Java и пытается изменить другой код, но не работает

Я использую код для увеличения времени прокрутки, но каждая цифра скорости прокрутки не совпадает, первая цифра слишком медленная, вы можете увидеть ссылку на просмотр

код для увеличения длительности и медленные цифры

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

JsFiddle

Весь код доступен ниже по ссылке

Значения счетчика одометра 0 в пуске

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/

Другие вопросы по тегам