Angular directives for scrolling to an element and to the bottom of the page. Just add to an element and clicking the element will do it.

gistfile1.txt

app.directive('scrollTo', ['$document',function ($document) {
    var body = $($document[0].body);
    return function (scope, element, attributes) {
        var target = angular.element(attributes.scrollTo);
        setTimeout(function () {
            element.bind('click touchstart', function(e) {
                e.preventDefault();
                body.animate({scrollTop:target.offset().top},2000);
            });
        });
    }
}]);

app.directive('bottomScroll', ['$document',function ($document) {
    var body = $($document[0].body);
    var targetHeight = $($document[0]).height();
    return function (scope, element, attributes) {
        var target = angular.element(attributes.scrollTo);
        setTimeout(function () {
            element.bind('click touchstart', function(e) {
                e.preventDefault();
                body.animate({scrollTop:targetHeight},2000);
            });
        });
    }
}]);