title: Disable (but still allow) scrolling
body: <p>I'm looking to recreate the scrolling effect on this site: misfitwearables.com. So far, my approach has been to disable user scrolling, but still detect the scroll direction to allow jQuery to control how the page scrolls. The thing is that it works (yay!) .. but it only works on the first scroll. After the first scroll, it stops responding. How can I get it to listen/respond on every scroll?</p>
  
  <pre><code>$(this).bind( 'mousewheel', function ( e ) {
   if (e.originalEvent.wheelDelta &lt; 0) {
      // scroll down
      $("html, body").animate({ scrollTop: (+50) }, 900, "easeInOutQuart" );
   } else {
      // scroll up
      $("html, body").animate({ scrollTop: (-50) }, 900, "easeInOutQuart" );
   }
   return false;
   });
  </code></pre>