title: Angular ui-router scroll to top, not to ui-view
body: <p>I've just upgraded to <code>ui-router 0.2.8</code> from <code>0.2.0</code> and I've noticed that when the state changes, the scroll position jumps to the top of te child <code>ui-view</code> that is the subject of the new state.</p>
  
  <p>This is fine but I have two problems with it:</p>
  
  <p>1) I have 30px padding between the top of the page and the <code>ui-view</code> and I would like it to scroll to the top of the page, leaving a gap. At the moment it goes exactly to the top of the <code>ui-view</code> which looks ugly. To achieve this I guess I either need to know how to get it to scroll to the top of the div that the ui-view is in (not the browser <code>viewport</code>), or I need to find out how to override <code>$uiViewScroll</code> to scroll to the <code>ui-view</code> minus 30px.</p>
  
  <p>I have tried <code>$uiViewScrollProvider.useAnchorScroll();</code> but if I do that it doesn't scroll at all. I have also tried <code>&lt;ui-view autoscroll="false"&gt;;</code>, which also stops the scrolling completely.</p>
  
  <p>2) It doesn't actually scroll at the moment, just jumps. Is it suppose to scroll or is it up to the developer to do this with CSS transitions?</p>
  
  <p>Any help would really be appreciated :)</p>