Spin a FontAvesome значок вместе со страницей прокрутки

Question

Я хочу, чтобы повернуть значок <i class="fa fa-refresh"></i>, когда страница прокручивается вниз (вверх). Я имею в виду, что пока вы прокрутите вниз (вверх) страницу, значок будет вращаться вправо или влево со скоростью в зависимости от скорости прокрутки. Похоже, я хочу слишком многого, но было бы здорово, если бы там были какие-то готовые решения.

Answer 1

вверх против вниз займет немного кода, скорость не возможно при использовании шрифта удивительным спина, поэтому я хотел бы сделать что-то вроде этого, чтобы вы как можно ближе:

var timer;  
$(window).scroll(function(e){ 
     clearTimeout(timer); 
     $('.fa-refresh').addClass('fa-spin'); 
     timer = setTimeout(checkStop,150); 
}); 

function checkStop(){ 
    $('.fa-refresh').removeClass('fa-spin'); 
} 

Heres working example in FIDDLE

просто продолжайте прокручивать вверх и вниз, чтобы увидеть его вращение