如何在angular 5中点击滚动条触发事件

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-scroll',
  template: `
    <div class="scroll-container" (click)="onScrollClick()">
      <!-- 滚动内容 -->
    </div>
  `,
  styles: [`
    .scroll-container {
      height: 200px;
      overflow-y: scroll;
    }
  `]
})
export class ScrollComponent {
  @HostListener('click', ['$event.target'])
  onScrollClick(target: HTMLElement) {
    // 在这里处理滚动条点击事件
    console.log('滚动条被点击了');
  }
}