일정 구간씩 스크롤을 컨트롤하는 제이쿼리를 만들고 있습니다. animate로 처리하고 있는데 연속으로 클릭하면 animate가 끝나기 전에 다시 이벤트가 시작되어서 구간에 따라 정해놓은 레이아웃이 흐트러집니다. 진행중인 이벤트를 감지할 수 있다면 preventDefault라도 하고 싶은데 방법을 모르겠습니다.

$('#s1').click(function(){
        $('#card').animate({
        scrollLeft: $('card').scrollLeft()+316
        }, 600);
        });