AngularJS - Smoothing $anchorScroll();

I have a number of areas on my web app where i have introduced $anchorScroll();

The actual functionality works has expected, in that, on click of a link, the user is moved to the corresponding section, however, the move is a 'jump' to the section, rather than a smooth scroll.

Here's a simple fiddle i created: http://jsfiddle.net/oampz/ZRLKC/

My js:

angular.module('test', []).controller('Ctrl', function ($scope, $location, $anchorScroll) {    

    $scope.scroll = function () {

         $location.hash('section-80');
         $anchorScroll();
    };

});

I am trying to achieve the effect found here (without using jquery or other libraries): http://www.surrealcms.com/blog/smoothly-scroll-to-an-element-without-a-jquery-plugin