title: Link to another page, scrolled to a div anchor
body: <p>Is it possible to have a link to another page on your site, but have the browser scrolled to an anchor div? For example most of my site's content is on the homepage, divided in sections such as about, contact, etc.</p>
  
  <p>I want to be able to link from another sub page, to one of these divs.</p>
  
  <p>The following code does just this, but only works when the link is on the same page as the destination:</p>
  
  <pre><code>&lt;a href="#about" id="about-link"&gt;About&lt;/a&gt;
  </code></pre>
  
  <p>The JS:</p>
  
  <pre><code>$("#about-link").click(function() {
    $('html, body').animate({
      scrollTop: $(".wrapper_about").offset().top
    }, 0);
  }); 
  </code></pre>