title: JavaScript scroll to div with animation
body: <p>I have a PhoneGap application that when it opens an HTML page, I want it to scroll to a specific <code>&lt;div&gt;</code> element. So far I've been able to make it do that with this script using jQuery:</p>
  
  <pre><code>&lt;script&gt;
  $(document).delegate('.ui-page', 'pageshow', function () {
       var offset = $(this).find('#timeindicatordiv').offset().top;
       setTimeout(function () {
          $.mobile.silentScroll(offset);
          }, 0);
       });
  &lt;/script&gt;
  </code></pre>
  
  <p>This only gives me a jump directly to the <code>&lt;div&gt;</code> which looks a bit choppy. </p>
  
  <p>Is there any way to give this a smooth animation?</p>