如何将div的滚动条移动到mat-selection list中的某个选项？

<mat-form-field>
  <mat-select>
    <div class="custom-scrollbar">
      <!-- 这里放置需要滚动的内容 -->
    </div>
  </mat-select>
</mat-form-field>

.custom-scrollbar {
  overflow: auto; /* 启用滚动条 */
  height: 200px; /* 设置高度，根据需要进行调整 */
}

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

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  @ViewChild(MatSelect) matSelect: MatSelect;

  scrollToOption(index: number) {
    const optionHeight = this.matSelect._getOptionHeight();
    this.matSelect.panel.nativeElement.scrollTop = optionHeight * index;
  }
}