在Angular Material中，要解决滚动条问题，可以使用cdkScrollable指令和ViewportRuler服务。

首先，确保你的项目中已经导入了@angular/cdk和@angular/material模块。

接下来，创建一个带有滚动条的容器元素，并添加cdkScrollable指令到该元素上：

然后，在组件类中注入ViewportRuler服务，并在构造函数中初始化：

import { Component } from '@angular/core';
import { ViewportRuler } from '@angular/cdk/scrolling';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  constructor(private viewportRuler: ViewportRuler) { }

  // ...
}

接着，使用ViewportRuler服务来监听滚动条的变化：

import { Component, OnInit, OnDestroy } from '@angular/core';
import { ViewportRuler } from '@angular/cdk/scrolling';
import { Subscription } from 'rxjs';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements OnInit, OnDestroy {
  private scrollSubscription: Subscription;

  constructor(private viewportRuler: ViewportRuler) { }

  ngOnInit() {
    this.scrollSubscription = this.viewportRuler.change().subscribe(() => {
      // 处理滚动条的变化
    });
  }

  ngOnDestroy() {
    this.scrollSubscription.unsubscribe();
  }
}

在change()方法的回调函数中，你可以处理滚动条的变化，例如更新UI或执行其他操作。

这样，你就可以通过ViewportRuler服务和cdkScrollable指令来解决Angular Material中的滚动条问题了。