Angular 7.x.x滚动到片段的最简单方式？

Angular 7.x.x滚动到片段的最简单方式是使用Angular的内置指令ScrollIntoView。该指令可以将页面滚动到指定的片段或元素。

要使用ScrollIntoView指令，首先需要在HTML模板中标记要滚动到的目标元素。例如，给目标元素添加一个唯一的标识符，如#targetElement。

然后，在组件的代码中，可以使用ViewChild装饰器来获取目标元素的引用，并在需要滚动到该元素时调用scrollIntoView()方法。

下面是一个示例：

HTML模板：

<div #targetElement>
  <!-- 目标元素的内容 -->
</div>
<button (click)="scrollToElement()">滚动到目标元素</button>

组件代码：

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

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

  scrollToElement() {
    this.targetElement.nativeElement.scrollIntoView({ behavior: 'smooth' });
  }
}

在上面的示例中，当点击按钮时，scrollToElement()方法会将页面平滑滚动到目标元素。

推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云对象存储（COS）。