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

Mr_Jing
  • 4.4k

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

回复
阅读 4.7k
2 个回答
✓ 已被采纳

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

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');
                        });
                    }
                };
            });

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏