要解决Angular中的window.scrollTo()无法工作的问题,可以尝试以下解决方法:
import { Component, ElementRef } from '@angular/core';
@Component({
selector: 'app-your-component',
template: `
`,
})
export class YourComponent {
constructor(private elementRef: ElementRef) {}
scrollToTop() {
this.elementRef.nativeElement.ownerDocument.defaultView.scrollTo({
top: 0,
behavior: 'smooth'
});
}
}
import { Component, Renderer2 } from '@angular/core';
@Component({
selector: 'app-your-component',
template: `
`,
})
export class YourComponent {
constructor(private renderer: Renderer2) {}
scrollToTop() {
this.renderer.setProperty(document.documentElement, 'scrollTop', 0);
this.renderer.setProperty(document.body, 'scrollTop', 0);
}
}
这些解决方法中的两个都可以解决在Angular中使用window.scrollTo()无法平滑滚动到顶部的问题。请根据您的具体需求选择适合您的方法。