Как с помощью jquery изменить скорость анимаций?

Question

[zeni1agent]

у меня есть вот такой код

.test2{
transition: 10s;  
}

window.onscroll = function() {
  $( ".test2" ).animate({
  top: -s-100 }, 0, "linear");  
  }

И мне нужно что бы при скроле страницы скорость анимация была 0s.
А когда скрол не работает то 10s
пример на codepen

Comments

[Николай Чуприк]

Что значит "когда скрол не работает"? (Спрашиваете вы для анимации события onscroll)

UPD: Вы наверное имеете ввиду, что пока я кручу колесо, всё скролируется мгновенно, а когда перестал крутить, движение плавно останавливается за 10 секунд?

[zeni1agent]

Николай Чуприк, Да это я имел в веду
только скрол еще можно запустить щелчком мыши.
Поэтому меня могут слегка неправильно понять и предлагать вместо croll
wheel.

[Николай Чуприк]

Мне кажется, что это нетривиальная задача. Причём даже с точки зрения сценария. Допустим я еле-еле кручу колесо (по одному тику) , соответственно содержимое скоролируется хоть и мгновенно, но медленно. Потом перестаю медленно крутить, "накат" должен тоже завершиться медленной скоростью. Если я кручу колесо быстро, я "разгоняю" скрол, и он должен тормозить с большой скорости. Опять-таки, что значит "перестаю", какая должна быть пауза между тиками, чтобы это означало "перестал крутить").

Прежде чем начать думать над кодом, надо бы сначала продумать эту механику с точки зрения пользования.

[zeni1agent]

Николай Чуприк, Ладно скажем так
Я скролю страницу вниз колесом или кликом мыши по полосе прокрутки
в этом момент transition: 0s; но в тот момент когда я перестою это делать.
то transition сразу же становится 10s
Я пытался сделать так

window.onscroll = function() {
  $('.test2').css('transition',  0);  
  $('.test2').css('transition',  "");  
  }

но .css() не принимает свойство transition.