启动时的角度材质对话框组件滚动问题-Java 学习之路

我在我的应用程序中使用Angular Material Dialog组件，在这个对话框中，我向用户呈现了一个HTML数据表，可能有一个滚动条 .

我的问题是，当我单击按钮打开实际对话框时，我注意到内容会立即滚动到底部，这是一个麻烦，因为我需要手动滚动回到顶部 .

我正在使用此处描述的标准设置：

https://material.angular.io/components/dialog/overview

我的对话框调用如下：

myDialog(a: string, b: string) {
        let dialogRef = this.dialog.open(MyDialogComponent, {
            height: '500px',
            width: '800px',
            data: { a,b }
        });
}

我该怎么做才能避免滚动到最底层的问题？我尝试了一些CSS，例如 top: 0; position: fixed; ，但无济于事 .

1 回答

通过将以下HTML代码移到页面顶部解决了我的问题 .

<mat-dialog-actions>
    <br>
    <button mat-raised-button type="button" mat-dialog-close (click)="closeDialog()" class="my-btn">
        Close
    </button>
</mat-dialog-actions>

回复于 2024-04-26T07:48:46+08:00

启动时的角度材质对话框组件滚动问题

1 回答

相关问题