title: Smooth horizontal scroll bound to mousewheel
body: <p>Here is a working example of horizontal scroll with mousewheel, but it does not scroll smoothly. By smoothly I mean like ordinary vertical scroll in Firefox or Opera.</p>
  
  <pre><code>$(function() {
      $("html, body").mousewheel(function(event, delta) {
          this.scrollLeft -= (delta * 30);
          event.preventDefault();
      });
  });
  </code></pre>
  
  <p>(<a href="http://brandonaaron.net/code/mousewheel/docs" rel="nofollow noreferrer">http://brandonaaron.net/code/mousewheel/docs</a>)</p>
  
  <p>I've made a live demo to demonstrate this.
  <a href="http://jsfiddle.net/Dw4Aj/" rel="nofollow noreferrer">http://jsfiddle.net/Dw4Aj/</a></p>
  
  <p>I want this scroll to work like the vertical one, both with mousewheel and smoothness.</p>
  
  <p>Can someone help me?</p>