title: $anchorScroll not functioning properly
body: <p>On the click of a button i want the page to scroll a particular div <code>bottom</code>.</p>
  
  <p>The 1st time i click, the page is going to the very top and the initial url  <code>http://localhost:8000</code> becomes <code>http://localhost:8000/#/bottom</code>(<em>why is it not going to the <code>div</code> i mentioned</em>).<br></p>
  
  <p>The 2nd time i click the button, the url becomes 
  <code>http://localhost:8000/#/bottom#bottom</code> and it goes to the div <code>bottom</code>(<em>which is what i want</em>).</p>
  
  <p>How do i deal with this ?</p>
  
  <p><strong>code snippet</strong></p>
  
  <pre><code>$location.hash('bottom');
  $anchorScroll();
  </code></pre>
  
  <p>Thanks in advance</p>
  
  <p>Do ask for more explanation if required . . .</p>