如何在 AngularJS 中实现向上滑动滚动条时加载数据?

Question

类似于 QQ 电脑客户端中向上滑时加载历史聊天记录的功能。

Answer 1

自己写了个简单的指令，不完善。

angular.module('myApp', [])
            .directive('scrollToTop', function () {
                return {
                    scope: {
                        scrollToTop: '&'
                    },
                    restrict: 'A',
                    link: function (scope, element, attrs) {
                        element.bind('scroll', function () {
                            if (element.scrollTop() <= 0) {
                                scope.scrollToTop();
                                scope.$apply();

                                element.scrollTop(element[0].scrollHeight / 2);
                            }
                        });

                        element.on('$destroy', function () {
                            element.unbind('scroll');
                        });
                    }
                };
            });

Answer 2

自己找一个js的插件封装成指令。