window.scroll不适用于angular 11和材质

window.scroll是一个JavaScript方法，用于在浏览器中滚动窗口的位置。然而，它在Angular 11和材质(Material)框架中并不适用。

在Angular中，我们通常使用Renderer2来操作DOM元素，包括滚动窗口。要在Angular中实现滚动窗口的效果，可以使用以下步骤：

1. 首先，导入Renderer2模块：

import { Renderer2 } from '@angular/core';

1. 在组件的构造函数中注入Renderer2：

constructor(private renderer: Renderer2) { }

1. 在需要滚动窗口的地方，使用Renderer2的方法来实现滚动效果。例如，要将窗口滚动到顶部，可以使用以下代码：

scrollToTop() {
  const scrollToOptions = { top: 0, behavior: 'smooth' };
  this.renderer.setProperty(document.documentElement, 'scrollTop', scrollToOptions);
}

在上面的代码中，我们使用Renderer2的setProperty方法来设置document.documentElement的scrollTop属性，从而实现滚动窗口的效果。scrollToOptions对象用于指定滚动的位置和行为，这里我们将其设置为顶部并使用平滑滚动。

需要注意的是，材质(Material)框架提供了一些滚动相关的组件和指令，如MatSidenav、MatDrawerContent等，可以根据具体需求选择使用。

推荐的腾讯云相关产品和产品介绍链接地址：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能（AI）：https://cloud.tencent.com/product/ai
• 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
• 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe