angular项目HostListenerwheel $event事件如何回到最上方

要回到最上方，您可以使用以下代码：

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

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {

  @HostListener('wheel', ['$event'])
  onScroll(event: WheelEvent) {
    if (event.deltaY > 0) {
      // 向下滚动
    } else {
      // 向上滚动
      window.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
    }
  }

}

在上面的代码中，我们在ExampleComponent中使用了@HostListener装饰器来监听wheel事件。当滚轮向上滚动时，event.deltaY的值将为负数，我们可以使用window.scrollTo方法来将页面滚动到顶部。设置behavior为smooth可以实现平滑滚动效果