title: Parallax scroll with easing
body: <p>I have an element that move relative to scroll. I use jQuery for this:</p>
  
  <pre><code>$('#object').css('transform','translateY('+($(window).scrollTop()*.4)+'px)');
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#object {
      width:200px;
      top:100%;
      left:50%;
      position:absolute;
  }
  </code></pre>
  
  <p>This works well, but moves my element directly without any easing (delay).
  By setting a transition using css I get some of the effect that I'm looking for, but doesn't look good if I scroll at the same time:</p>
  
  <pre><code>transition: 400ms ease;
  </code></pre>
  
  <p>Is it possible to do this smooth, but in a more elegant way?</p>