旋转FontAwesome图标以及页面滚动

Question

当页面向下滚动时（向上），我想旋转<i class="fa fa-refresh"></i>图标。我的意思是，只要向下滚动（向上）页面，图标就会以取决于滚动速度的速度向右或向左旋转。好像我想要太多，但如果有一些现成的解决方案，那将是非常棒的。

Answer 1

高达VS下来会采取一些额外的代码，速度是不可能使用字体真棒自旋，所以我会做这样的事情，让你尽可能接近：

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

只是不断滚动上下看它旋转