마우스 스크롤 이벤트에서 jquery 애니메이션 수평 스크롤

Question

mousescroll 이벤트에서 div에 대한이 애니메이션 된 수평 오프셋을 작업했습니다. 지금까지 내가 한 일에 대한 링크가 있습니다. 누군가 내가 잘못하고있는 것을 볼 수 있습니까?

애니메이션이 클릭 동작에서 발생하므로 mousescroll에 대해 동일한 작업이 필요합니다. http://jsfiddle.net/laksdesign/WvRR6/

jQuery(document).ready(function($) { 

    $(".scroll").click(function(event) { 
     event.preventDefault(); 
     $('#wrapper').animate({ scrollLeft: $('#wrapper').scrollLeft() + $(this.hash).offset().left }, 800); 
    }); 

    $('body').bind('mousewheel', function(scroll){ 
     if(scroll.originalEvent.wheelDelta /120 > 0) { 
      scroll.preventDefault(); 
      $('#wrapper').animate({ scrollLeft: $('#wrapper').scrollLeft() + $(this.hash).offset().left }, 800); 
     } else{ 

     } 
    }); 
}); 

내가 mousescroll를 기반으로 애니메이션을했다 또 다른 참조가 있습니다 : 당신이 플러그인 또는 일부 외부 함수를 사용해야합니다 jQuery를에 mousescroll 이벤트를 캡처하기 위해 http://jsfiddle.net/laksdesign/EATaU/

Answer 1

. 나는 바퀴를 재발 명하기보다는 플러그인을 사용하도록 제안 할 것이다. 피델은 mousewheel.js 파일을 사용하고 있습니다. 참고해야 할 플러그인은 사용해야 할 플러그인입니다. 이 사이트에 링크 할 수 없습니다하고, 구글 그래서 대신 -

• BrandonAaron.com :

  당신이 사용할 수있는 플러그인 플러그인을

  예를 사용하는 방법에 대한 자세한 내용은 this answer를 참조하십시오.

당신은 그래서 플러그인 사용합니다 : @Dom 위의 코멘트에 제안 된 사용자로서

// using bind 
$('#my_elem').bind('mousewheel', function(event, delta) { 
    console.log(delta); 
}); 

을, 또 다른 널리 사용되는 플러그인은 다음과 같습니다

• jQuery Mousewheel