scrollIntoView 不会在 Angular 中触发鼠标滚轮或滚动事件

Question

我使用 Angular 并注册了 mousewheel 和 scroll 事件。当我使用scrollIntoView 时，不会触发此事件。还有其他我想念的活动吗？

  @HostListener('mousewheel', ['$event'])
  mousewheel(event: MouseEvent) {
    console.log("mousewheel");
  }

  @HostListener('scroll', ['$event'])
  scroll(event: MouseEvent) {
    console.log("scroll");
  }

我使用这个函数：

element.scrollIntoView({behavior: 'smooth'});

有人知道我在这里想念什么吗？

Answer 1

您始终可以使用 addEventListener 来添加滚动功能。另外，不要忘记在 ngOnDestroy 中将其删除这是一个示例：

export class WindowScrollDirective implements OnInit, OnDestroy{

 ngOnInit() {
    window.addEventListener('scroll', this.handleScroll, true); 
 }

 ngOnDestroy() {
     window.removeEventListener('scroll', this.handleScroll, true);
 }

 handleScroll = (event): void => {
   //handle your scroll here
   
 };
}

注意：您可以将 window 对象替换为要用于滚动的元素。