title: Keep URL unaffected when anchor link is clicked
body: <p>I've checked other posts on here, no results of what I'm looking for.
  I want to click on</p>
  
  <pre><code>&lt;a href="#about"&gt;About&lt;/a&gt;
  &lt;div id="about"&gt;Content of this..&lt;/div&gt;
  </code></pre>
  
  <p>and have it scroll to that element without putting www.domain.com/#about in the address bar</p>
  
  <p>As a perfect example please check out this site that I found <a href="http://thinkpixellab.com" rel="noreferrer">here</a> and click on some of the links --they don't change the address bar when clicked.</p>