javascript - 滚动事件未在可滚动 div 内的 div 上触发

Question

我在另一个 div 中有一个 div，其中外部 div 的高度小于内容。

第一个内容有一个滚动事件

 <div style="overflow:auto;height:200px">
  <div (scroll)="scrollHandler($event)">Hello {{name}}</div>

.... Other content elements.

但是这个滚动事件不起作用。请注意，我想在元素上触发滚动事件，而不是在窗口上。

我这里有一个plunkr

https://plnkr.co/edit/Ib0fxBIb7syGdEtQ1Rz4

Answer 1

滚动事件处理程序应该在外部 div 上，即具有滚动条的那个:

<div style="overflow:auto; height:200px" (scroll)="scrollHandler($event)">
  <div>Hello {{name}}</div>
  ...
</div>

你可以测试this modified plunker (检查控制台，我删除了警报调用)。