旋转FontAwesome图标以及页面滚动

Question

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

Answer 1

Up vs down会占用一些额外的代码，使用字体很棒的旋转速度是不可能的，所以我会这样做，让你尽可能接近：

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

只需继续向上滚动即可看到它旋转