title: Any way to smoothly animate window.scrollTo(0, 1)?
body: <p>It's <a href="http://www.joehewitt.com/blog/iphone_tips_loo.php" rel="nofollow">well-known</a> that iPhone web apps need to call <code>window.scrollTo(0, 1)</code> if they want to hide the native Mobile Safari toolbar. Unfortunately, this is a very jarring transition; the page slides up ~100px in one go. Is there any way to make this transition smooth?</p>
  
  <p>It doesn't appear that you can use a regular JavaScript animation, because you're only going from <code>0</code> to <code>1</code>. It also doesn't appear that you could apply a CSS transition, since you're setting a DOM property (<code>window.scrollY</code>), not a CSS one.</p>