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