在Angular 5中，ngAfterViewChecked是一个生命周期钩子函数，它在组件视图变更检测周期中被调用。该钩子函数在每次视图变更检测周期结束后被调用。

scrollIntoView()是一个DOM方法，它可以将指定元素滚动到可见区域。

下面是一个使用ngAfterViewChecked钩子函数和scrollIntoView()方法的示例：

1. 在组件中定义一个ViewChild属性来引用需要滚动的元素。

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

@Component({
  selector: 'app-example',
  template: `
    

      
    
  `
})
export class ExampleComponent implements AfterViewChecked {
  @ViewChild('scrollElement') scrollElement: ElementRef;

  ngAfterViewChecked() {
    this.scrollElement.nativeElement.scrollIntoView();
  }
}

2. 在模板中使用scrollElement引用需要滚动的元素。

在上面的示例中，ngAfterViewChecked钩子函数在每次视图变更检测周期结束后被调用。在这个钩子函数中，我们使用scrollIntoView()方法将scrollElement滚动到可见区域。

请注意，scrollElement在组件中使用@ViewChild装饰器来获取元素的引用。scrollIntoView()方法是在scrollElement.nativeElement上调用的。