title: Retain scroll position on route change in AngularJS?
body: <p>Sample app: <a href="http://angular.github.com/angular-phonecat/step-11/app/#/phones" rel="noreferrer">http://angular.github.com/angular-phonecat/step-11/app/#/phones</a></p>
  
  <p>If you choose the last phone "Motorola charm" it will show you the details of the phone. 
  When you navigate back with on your browser it reloads the data and scrolling is at the top. </p>
  
  <p>What is the best way to automatically scroll to where is was left when navigatin back?
  And also, why does angular reloads the data? </p>
  
  <p>I have the same "angular-phonecat" sample on my computer and I have added an infinite scroll which loads more data as you scroll. So I really dont want the user to reload 50+ items again or scrolling down for 30 seconds.</p>