angular 2+，通过散列(#) url滑动到指定元素

<div id="targetElement">...</div>

<a href="#targetElement">滑动到目标元素</a>

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

@Component({
  selector: 'app-my-component',
  template: `
    <div id="targetElement">...</div>
    <a (click)="scrollToTarget()">滑动到目标元素</a>
  `
})
export class MyComponent {
  constructor(private elementRef: ElementRef) {}

  scrollToTarget() {
    const targetElement = this.elementRef.nativeElement.querySelector('#targetElement');
    targetElement.scrollIntoView({ behavior: 'smooth' });
  }
}