title: Javascript - Smooth parallax scrolling with mouse wheel
body: <p>I have a page where I'm applying a parallax effect. This is accomplished using translate3d. Now, while this works well, I'm wondering how I can override the default "steps" when scrolling with the mouse wheel?</p>
  
  <p>If I scroll with the scrollbars, everything is fine. But with the mouse wheel, it's all jumpy.</p>
  
  <p>I'm doing this in a pretty straight forward way:</p>
  
  <pre><code>    var prefix = Modernizr.prefixed('transform');
      $window.on('scroll', function(){
          var scroll_top = $window.scrollTop();
          if(scroll_top &lt; forside_infographics_offset){
              $_('#slider').css(prefix , "translate3d(0,"+(scroll_top/3)+"px,0)");
          }
  
      });
  </code></pre>
  
  <p>Now, I've seen this site where the scrolling is super smooth, also with a mouse wheel with steps on it. I've tried to look at the code, and he's using <code>requestAnimationFrame</code> is seems, but how he accomplish this excact scrolling effect, I'm not sure.</p>
  
  <p><a href="http://cirkateater.no/">http://cirkateater.no/</a></p>
  
  <p>Any ideas?</p>