title: Is there a way to force a href="#id" to not refresh the page but to just jump to the element ID?
body: <p>I made this hacky about page which opens when clicked and closes when clicked again, it is just a div textbox which shows in my main jumbotron. </p>
  
  <p>I have an about on the navbar and I am trying to jump to the about div with it but when I press an a href="#about" from multiple pages in my single page angular 2 app when it is not on the root route, even though the div which holds the #about div which pops up on clicking the nav is viewable from any route, it takes me to root and reloads the page which is not what I want. </p>
  
  <p>Is there a way to force the page not to reload and for it to look in the current page for the div id #about?</p>