chore(docs): fix back-to-top anchor in angularjs.org doc pages

Closes angular/angularjs.org#45
jstrachan · Nov 28, 2013 · 1a8d3c8 · 1a8d3c8
1 parent 753687e
commit 1a8d3c8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/docs/src/templates/index.html b/docs/src/templates/index.html
@@ -364,7 +364,7 @@ <h2>Would you like full offline support for this AngularJS Docs App?</h2>
 
   <footer class="footer">
     <div class="container">
-      <p class="pull-right"><a href="#">Back to top</a></p>
+      <p class="pull-right"><a back-to-top href="#">Back to top</a></p>
 
       <p>
         Super-powered by Google  ©2010-2012

diff --git a/docs/src/templates/js/docs.js b/docs/src/templates/js/docs.js
@@ -372,6 +372,21 @@ docsApp.directive.errorDisplay = ['$location', 'errorLinkFilter', function ($loc
 }];
 
 
+/**
+ * backToTop Directive
+ * @param  {Function} $anchorScroll
+ *
+ * @description Ensure that the browser scrolls when the anchor is clicked
+ */
+docsApp.directive.backToTop = ['$anchorScroll', function($anchorScroll) {
+  return function link(scope, element) {
+    element.on('click', function(event) {
+      scope.$apply($anchorScroll);
+    });
+  };
+}];
+
+
 docsApp.serviceFactory.angularUrls = function($document) {
   var urls = {};