在聊天应用程序中滚动到向上时运行角度函数(分页)

时间:2017-02-06 10:05:54

标签: angularjs angularjs-directive scroll pagination

我有一个聊天应用程序,我希望设计在滚动事件(非向下)的分页。我需要这个工作的指令。我也想在新的页面数据加载中显示预加载器。怎么实现呢?

1 个答案:

答案 0 :(得分:1)

嗨,有点不清楚你真正需要什么。 我刚刚在一个指令中捕获了滚动事件,希望这可以帮助你。 updated

 myApp.directive('scrolly', function () {
return {
    restrict: 'A',
    link: function (scope, element, attrs) {
    var lastScrollTop = 0;
        var raw = element[0];
        console.log('loading directive');
            raw.scrollTop=300;
        element.bind('scroll', function () {
            console.log(raw.scrollTop + raw.offsetHeight);
            if(raw.scrollTop < lastScrollTop)
          {
         // alert("scroll up");
          lastScrollTop = raw.scrollTop;
          }
          else{
          lastScrollTop = raw.scrollTop;
          }

            if (raw.scrollTop ==0) {
                scope.$apply(attrs.scrolly);
            }
        });
    }
};
});