Add scrollspy

Gruntfile.coffee

@@ -39,6 +39,7 @@ module.exports = (grunt) ->
 			'bower_components/angular/angular.js'
 			'bower_components/angular-route/angular-route.js'
 			'bower_components/angular-sanitize/angular-sanitize.js'
+			'bower_components/angular-scroll/angular-scroll.js'
 			'bower_components/marked/lib/marked.js'
 			'scripts/app.js'
 			'scripts/services/route.js'

bower.json

@@ -6,6 +6,7 @@
 		"angular": "1.2.20",
 		"angular-route": "1.2.20",
 		"angular-sanitize": "1.2.20",
+		"angular-scroll": "0.6.2",
 		"fontawesome": "4.2.0",
 		"lodash": "2.4.1",
 		"marked": "0.3.2",

source/includes/comparison.html.jade

@@ -17,7 +17,7 @@
 
 // verses
 #content
-	.pure-g-r(ng-repeat="verse in verses" id="section-{{$index + 1}}")
+	.pure-g-r(du-scrollspy ng-href="#section-{{$index + 1}}" offset="100px" ng-repeat="verse in verses" id="section-{{$index + 1}}")
 		.version(ng-repeat="version in verse")
 			.version-padded
 				.version-container

source/scripts/app.js.coffee

@@ -1,4 +1,4 @@
-angular.module('sideBySide', ['sideBySide.controllers', 'ngRoute', 'ngSanitize'])
+angular.module('sideBySide', ['sideBySide.controllers', 'ngRoute', 'ngSanitize', 'duScroll'])
 	.config [ '$locationProvider', ($locationProvider) ->
 		$locationProvider.html5Mode true
 	]

source/scripts/controllers.js.coffee

@@ -3,18 +3,20 @@ angular.module("sideBySide.controllers", [])
 	() -> null
 ]
 .controller "ComparisonController", [
-	'$scope', 'route', 'poems', 'transformer'
-	($scope, route, poems, transformer) ->
+	'$document', '$location', '$rootScope', '$scope', 'route', 'poems', 'transformer'
+	($document, $location, $rootScope, $scope, route, poems, transformer) ->
 		min = 1
 		max = 5
 
 		scroll = () ->
 			setTimeout () ->
-				if ('section' of route.params)
-					section = 'section-' + route.params['section']
-					element = document.getElementById(section)
-					element.scrollIntoView() if element
-			, 100
+				element = document.getElementById($location.hash())
+				$document.scrollTo(element) if element
+			, 1
+
+		$rootScope.$on 'duScrollspy:becameActive', ($event, $element) ->
+			$location.hash($element.prop('id')).replace()
+			$rootScope.$apply()
 
 		$scope.$watchCollection () ->
 			poems.getActive()