2014-01-10 19 views
1

當頁面向下滾動時(向上),我想旋轉<i class="fa fa-refresh"></i>圖標。我的意思是,只要向下滾動(向上)頁面,圖標就會以取決於滾動速度的速度向右或向左旋轉。好像我想要太多,但如果有一些現成的解決方案,那將是非常棒的。旋轉FontAwesome圖標以及頁面滾動

回答

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

只是不斷滾動上下看它旋轉