페이지 스크롤과 함께 FontAwesome 아이콘 스핀

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

스핀 회전을 위아래로 계속 스크롤하십시오.