angular项目监听鼠标中键滚动没有生效HostListenerscroll $event无效怎么处理

如果@HostListener('scroll', ['$event'])在Angular项目中没有生效，可能是因为鼠标中键滚动不会触发scroll事件。鼠标中键滚动通常会触发wheel事件。

您可以尝试使用@HostListener('wheel', ['$event'])来监听鼠标中键滚动事件。以下是一个示例代码：

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

@Component({
  selector: 'app-my-component',
  template: '...',
})
export class MyComponent {
  @HostListener('wheel', ['$event'])
  onWheel(event: WheelEvent) {
    // 处理鼠标中键滚动事件的逻辑
  }
}

请注意，WheelEvent事件对象包含有关滚动事件的信息，例如滚动方向和滚动的距离。您可以在onWheel方法中使用event参数来处理这些信息。

如果鼠标中键滚动仍然无效，可能是由于其他因素导致。您可以尝试在其他元素上添加@HostListener来检查是否可以捕获滚动事件。此外，还可以检查是否存在其他事件处理程序或CSS样式影响到滚动事件的传播。

希望这可以帮助您解决问题