title: when you navigate to another part within the app when you click the browser's back button the page just refreshes, it doesn't go back
body: <p>firstly, thank you guys.
  I have an angular app and I'm using anchor links all over. the app is just 5 pages, but each page has links to other parts within the same page and my main nav can navigate you to another anchor on another page.</p>
  
  <p>My problem is, when you navigate to another part within the app when you click the browser's back button the page just refreshes, it doesn't go back. What is causing that and how to fix this problem?</p>
  
  <p>Thanks again guys.</p>
  
  <p>js:</p>
  
  <pre><code>angular.module('app').run(['$rootScope', '$location', '$anchorScroll', '$routeParams', function($rootScope, $location, $anchorScroll, $routeParams) {
    $rootScope.$on('$routeChangeSuccess', function(newRoute, oldRoute) {
      $location.hash($routeParams.scrollTo);
      $anchorScroll();  
    });
  }]);
  </code></pre>
  
  <p>I also have routes, but they're just usual routes</p>
  
  <p>html:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="about?scrollTo=our-doctor"&gt;OUR DOCTOR&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="about?scrollTo=our-practice"&gt;OUR PRACTICE&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>