title: jquery animated horizontal scroll on mouse scroll event
body: <p>I have been working on this animated horizontal offset for div, on <code>mousescroll</code> event.
  Here is the link for what I've done till now, could somebody see what I'm doing wrong?</p>
  
  <p>The animation happens on the click action i need the same for mousescroll.
  <a href="http://jsfiddle.net/laksdesign/WvRR6/" rel="nofollow">http://jsfiddle.net/laksdesign/WvRR6/</a></p>
  
  <pre><code>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 &gt; 0) {
              scroll.preventDefault();
              $('#wrapper').animate({ scrollLeft: $('#wrapper').scrollLeft() + $(this.hash).offset().left }, 800);
          } else{
  
          }
      });
  });
  </code></pre>
  
  <p>There is another reference which I took the animation based on mousescroll is:
  <a href="http://jsfiddle.net/laksdesign/EATaU/" rel="nofollow">http://jsfiddle.net/laksdesign/EATaU/</a></p>