javascript - 为什么我的滚动事件监听器没有触发？

Question

我正致力于在 Angular 应用程序中构建无限滚动功能。一次构建一个步骤，目前我正在将 eventListener 附加到 #tags-panel-list 并需要检查它的 y 位置。

但是我使用的 eventListener 没有触发任何基本的 console.log。

公众号:http://plnkr.co/edit/7OnKAGvVNXWLwN5fZqJu?p=preview

---

tagsPanel.html 标记:

<section id="tags-col" class="tag-column column">
    <ul id="tags-panel-list">
        <li ng-repeat="tag in tags">
          <div class="tag">{{tag.term}}</div>
        </li>
    </ul>
</section>

tagsPanelDirective Controller 代码(使用 $timeout 以防 Angular 在第一次加载时无法看到 DOM 元素):

var scrollingElement =  function(event) {
    // I do not see these console logs in the chrome dev inspector
    console.log('scrolling...');
    console.log(event);
};

$timeout(function() {
    document.getElementById('tags-panel-list').addEventListener('scroll', scrollingElement);
}, 250);

Answer 1

您还可以在现代浏览器上收听“wheel”。无论元素如何，这都会拾起滚动条。

document.addEventListener("wheel", function(event) {
    console.log(event);
});