aw-scroll-end.js

angular.module('aw.scroll-end', []).
    directive('awscrollend', [function() {
            return {
                controller: ['$scope', '$element', function($scope, $element) {
                    $element.scroll(function(){
                        var scrollHeight = $element.prop("scrollHeight");
                        var clientHeight = $element.prop("clientHeight");
                        var remainder = scrollHeight - $element.scrollTop();
                        if (remainder == clientHeight) {
                            $scope.$emit('scrollend', $element);
                        }
                    });

                }],
            };
        }
    ]);

Simple AngularJS directive to generate an event on reaching the bottom of an scrollable element. Useful for implementing infinite-scrolling and pagination. Simply add this directive to any scrollable element (i.e. overflow-y: (auto|scroll)).