tweak scroll to anchor settings & css

This adds some css to ensure that scrolling to anchors
is properly adjusted for the header. The 90px calculation
is now no longer needed in the js - and has been removed.

This also makes the scroll behaviour available to any
anchor link.

Author: keithamus

_layouts/api.html

@@ -35,7 +35,7 @@
                       {% endif %}
                     {% endfor %}
                     {% if render %}
-                      <a href="#method={{ name | slugify }}" class="scroll item">{{ name }}</a>
+                      <a href="#method_{{ name | slugify }}" class="scroll item">{{ name }}</a>
                     {% endif %}
                   {% endfor %}
                 </div>
@@ -64,7 +64,7 @@ <h2>API Reference</h2>
                   {% endif %}
                 {% endfor %}
                 {% if render %}
-                  <div id="method={{ name | slugify }}" class="api_method_wrapper">
+                  <div id="method_{{ name | slugify }}" class="api_method_wrapper">
                     {{ method.description.full }}
                   </div>
                 {% endif %}

_layouts/guide.html

@@ -24,7 +24,7 @@
       <div id="{{ slug }}" class="subitems">
           {% for heading in guide.headings %}
           {% assign headingSlug = heading | slugify %}
-          <a href="{{ url }}#{{ headingSlug }}" class="item secondary group-{{ slug }}{{ expanded }}">{{ heading }}</a>
+          <a href="#{{ headingSlug }}" class="item secondary group-{{ slug }}{{ expanded }}">{{ heading }}</a>
           {% endfor %}
       </div>
       {% endif %}

_sass/_main.scss

@@ -702,7 +702,6 @@ section#content h1 {
   color: #30759c;
 }
 section#content h2 {
-  padding-top: 15px;
   margin-top: 25px;
 }
 section#content p code {

css/main.scss

@@ -4,3 +4,15 @@
 $baseurl: "{{ site.baseurl }}";
 @import "pygments-github-style";
 @import "main";
+
+.rendered {
+  h1, h2, h3, h4, div {
+    &[id]:before {
+      display: block;
+      content: " ";
+      margin-top: -80px;
+      height: 80px;
+      visibility: hidden;
+    }
+  }
+}

js/main.js

@@ -1,12 +1,15 @@
 $(function () {
-  $('a.scroll').click(function (e) {
+
+  $('a[href^="#"]').click(function (e) {
     e.preventDefault();
 
     var section = $(this).attr('href')
-      , $scrollto = $(section + '-section');
+      , $scrollto = $(section);
 
     $('html,body').animate({
-      scrollTop: $scrollto.offset().top - 90
+      scrollTop: $scrollto.offset().top
+    }, function () {
+      window.location.hash = section;
     });
   });