title: What is the smoothest way to scroll through a rich media webpage?
body: <p>I am making a webpage contains several JavaScript slideshows,loads of CSS, animated menu,and CSS transition animations,also my page height is very long on iPad. I have a navigation menu when user click it it will scroll to a specific location on the page using :</p>
  
  <pre><code>var $viewport = $('html:not(:animated),body:not(:animated)');
      $viewport.animate({scrollTop: dest}, 2000, function(){menu_scrolling=false;});
  </code></pre>
  
  <p>My webpage can scrolling smooth like silk on my macbook pro,tested on Firefox, Chrome and safari but on my iPad, it is stuttering like hell, it's almost like skipped the animations, even the pinch zooming is laggy. 
  I tried the jQuery scrollto plugin, jquery-animation enhanced plugin, those are all laggy on iPad.
  What is the best way to make a menu to scroll through a rich media webpage smoothly on iPad?</p>