在angular 7/8中弹出其他窗口时，防止背景窗口向上滚动到顶部

在Angular 7/8中，可以使用Angular Material的Dialog组件来实现弹出其他窗口，并且防止背景窗口向上滚动到顶部。

首先，确保已经安装了Angular Material，并在项目中引入相关模块。

在组件中，首先导入Dialog模块和相关组件：

import { MatDialog, MatDialogRef } from '@angular/material/dialog';

然后，在组件类中注入MatDialog服务：

constructor(private dialog: MatDialog) { }

接下来，创建一个方法来打开弹出窗口：

openDialog(): void {
  const dialogRef = this.dialog.open(YourDialogComponent, {
    width: '400px',
    disableClose: true, // 禁止点击背景关闭弹窗
    autoFocus: false, // 禁止自动聚焦到弹窗上的第一个可聚焦元素
    restoreFocus: false // 禁止关闭弹窗后恢复焦点到打开弹窗的元素
  });
}

在上述代码中，YourDialogComponent是你自定义的弹出窗口组件，可以根据实际情况进行修改。

通过设置disableClose为true，可以禁止用户点击背景关闭弹窗。设置autoFocus为false，可以禁止自动聚焦到弹窗上的第一个可聚焦元素。设置restoreFocus为false，可以禁止关闭弹窗后恢复焦点到打开弹窗的元素。

这样，当你调用openDialog方法时，就会弹出一个阻止背景窗口向上滚动到顶部的弹出窗口。

希望这个答案能够满足你的需求。如果你需要了解更多关于Angular和Angular Material的知识，可以参考腾讯云的相关产品和文档：

• Angular官方网站：https://angular.io/
• Angular Material官方网站：https://material.angular.io/
• 腾讯云云开发（CloudBase）：https://cloud.tencent.com/product/tcb