我有一个聊天应用程序,我想在向上滚动事件(不向下(上设计分页。我需要一份关于这项工作的指令。我还想在新页面数据加载中显示预加载器。如何实施?
嗨,
不清楚你真正需要什么。我刚刚在一个指令中捕获了滚动事件,希望对您有所帮助。更新
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);
}
});
}
};
});