title: How do I navigate to slightly above an anchor tag?
body: <p>I know how to navigate to a given anchor tag on a page - what I'm trying to do is link to a part of the page that is 30-40 pixels above the target anchor. The reason for this is that I have a bootstrap navigation that ends up covering part of the relevant content if I like directly to the part of the page with the anchor.</p>
  
  <p>Currently I have this for the link:</p>
  
  <pre><code>%a{:href =&gt; root_path + "#how_it_works"} How It Works
  </code></pre>
  
  <p>and on the page it links to:</p>
  
  <pre><code>.span12#how_it_works
  </code></pre>
  
  <p>Any thoughts on how I can get the link to navigate to a section of the page that is slightly above the .span12#how_it_works?</p>