滚动事件未在指令内触发-angular.js

Question

我陷入了问题。我有一个用于无限滚动的指令，可在其中监听scroll事件。问题是，仅在我绑定到时才触发滚动事件$window：

angular.element($window).bind('scroll', function () {
  console.log('Gogo!'); //works!
});

element.bind('scroll', function () {
  console.log('Gogo!'); //doesn't work... :(((
});

有人知道如何解决这个问题吗？

我的指令：

directives.directive('scrolly', function () {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            var raw = element[0];

            element.bind('scroll', function () {
                if (raw.scrollTop + raw.offsetHeight > raw.scrollHeight) {
                    scope.$apply(attrs.scrolly);
                }
            });
        }
    };
});

我的看法：

<ul class="items-wrap" scrolly="showMore()">
   <li class="item" ng-repeat="item in items">{{item.name}}</li>
</ul>

Answer 1

我在这里为您创建了一个小提琴：http :
//jsfiddle.net/ADukg/4831/

有趣的是，我使用了确切的代码，而且一切似乎都可以正常触发（请参阅所有乱码console.log()）。我怀疑您的问题与您的CSS样式有关，因为如果没有正确使用溢出，我将无法触发滚动事件。