滾動事件沒有觸發div內滾動div

Question

我有一個div在另一個div裏，外部div的高度小於內容。

第一內容具有滾動事件

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

.... Other content elements. 

但這滾動事件是行不通的。 請注意，我想觸發元素上的滾動事件，而不是在窗口上。

我這裏有

https://plnkr.co/edit/Ib0fxBIb7syGdEtQ1Rz4

Answer 1

scroll事件處理程序應該是在外層div一個plunkr，具有滾動條之一：

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

您可以測試this modified plunker（檢查控制檯，我刪除了警報呼叫）。