title: How to scroll the page smoothly?
body: <p>I need to scroll the page on load to a certain position on the page in an animated manner.  And it works fine (using jQuery's animate):</p>
  
  <pre><code>$(document).ready(function () {
      $('html, body').animate({
          scrollTop: $('#today').offset().top - 50
      }, 800, "linear");
  });
  </code></pre>
  
  <p>However, one thing that it is not is smooth.  Particularly on a mobile device it feels very jerky.</p>
  
  <p>I've seen some CSS animations (using <code>transition</code> and <code>transform</code>) that are very smooth but can't figure out how to apply it to page scrolling.  Is it possible to do what I want using CSS?</p>