Merge pull request #56 from curtismitchell/responsive_anchors

Responsive anchors
Dynalon · Dec 2, 2013 · 37456d7 · 37456d7
2 parents 0237ef4 + d2bc364
commit 37456d7
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/js/basic_skeleton.js b/js/basic_skeleton.js
@@ -191,6 +191,19 @@
             $pilcrow.appendTo($heading);
         }
 
+        // adds a link to the navigation at the top of the page
+        function addJumpLinkToTOC($heading) {
+            var c = $.md.config.tocAnchor;
+            var $jumpLink = $('<a class="visible-xs visible-sm" href="#md-page-menu">' + c + '</a>');
+            $jumpLink.click(function(ev) {
+                ev.preventDefault();
+
+                $('body').scrollTop($('#md-page-menu').position().top);
+            });        
+
+            $jumpLink.insertAfter($heading);
+        }
+
         // adds a page inline anchor to each h1,h2,h3,h4,h5,h6 element
         // which can be accessed by the headings text
         $('h1,h2,h3,h4,h5,h6').not('#md-title h1').each (function () {
@@ -199,6 +212,10 @@
             var text = $heading.clone().children('.anchor-highlight').remove().end().text();
             var href = $.md.util.getInpageAnchorHref(text);
             addPilcrow($heading, href);
+
+            //add jumplink to table of contents
+            addJumpLinkToTOC($heading);
+
         });
     }
 

diff --git a/js/init.js b/js/init.js
@@ -21,7 +21,8 @@
         useSideMenu: true,
         lineBreaks: 'gfm',
         additionalFooterText: '',
-        anchorCharacter: '&para;'
+        anchorCharacter: '&para;',
+        tocAnchor: '[&#11014;]'
     };