added hash support and go to hash on load

README.md

@@ -89,6 +89,7 @@ If you should want to tinker with Guidedog itself, you're more than welcome to.
 - [DONE] ~~rename "example" to "html"~~
 - [DONE] ~~turn Guidedog into a jQuery plugin~~
 - [DONE] ~~pass an array of stylesheets to the Guidedog initializer~~
+- [DONE] ~~hash support and go to hash on load~~ 
 - add Less.js, Sass, Scss, and plain CSS examples
 - add support for custom colour schemes (pass primary/secondary colours to initializer)
 - re-write Guidedog stylesheet (use .gd- instead of .sg- prefixes)

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "guidedog",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "homepage": "https://github.com/themarkappleby/guidedog",
   "authors": [
     "Mark Appleby <themarkappleby@gmail.com>"

src/js/guidedog.js

@@ -64,7 +64,8 @@
       $('.guidedog').each(function(){ $(this).css('background', '#'+Math.floor(Math.random()*16777215).toString(16)); });
       syntaxHighlight();
       updateNav();     
-      scrollTo();
+      scrollToClick();
+      scrollTo(window.location.hash, 0);
       initTabs();
       $(document).on('scroll', function(){updateNav();});
       if (typeof callback == 'function') {
@@ -128,16 +129,22 @@
       });
     }
 
-    // scrollto nav items
-    var scrollTo = function(){
+    // scrollToClick nav items
+    var scrollToClick = function(){
       $('nav.sg').on('click', 'a', function(e){
         e.preventDefault();
-        $('html, body').animate({
-          scrollTop: $($(this).attr('href')).offset().top - 30
-        }, 1000);
+        window.history.pushState('', '', $(this).attr('href'));
+        scrollTo($(this).attr('href'), 1000);
       });
     }
 
+    // scrollTo nav items
+    var scrollTo = function(target, speed){
+        $('html, body').animate({
+          scrollTop: $(target).offset().top - 30
+        }, speed);
+    }
+
     // fetch the index of a section
     var sectionIndex = function(match){
       for (var i=0; i<gd.data.sections.length; i++){