Question

我有一个“材料对话”，我需要他始终相对于某个领域。我已经完成了他从该领域开始的相对工作，但是当我向下滚动窗口（并且需要它来滚动）时，对话框就会出现，并且不会重新定位，也不会固定在初始位置

我试图了解cdk中的scrollstrategy是否可以与选项重新定位一起使用，但是我无法使其正常工作。

不要显示它如何起锅

const dialogRef = this.dialog.open(FilterProspectsComponent, {
            width: '650px',
            // position:{
            //  top: '295px',
            //  left: '180px'
            // },
            autoFocus: false,
            scrollStrategy: this.overlay.scrollStrategies.reposition(),
            data:{}
        });
        let referenceInput = document.querySelector('input.form-filter');
        // dialogRef.updatePosition({ top: `${referenceInput.getBoundingClientRect().top+45}px`, left: `${referenceInput.getBoundingClientRect().left}px` });
        dialogRef.afterClosed().subscribe(result => {
          console.log('The dialog was closed');
        });

我希望对话框保持不变

Answer 1

所以，我使用app文件夹中的styles.scss做到了，只是删除了cdk覆盖容器中的固定位置

.cdk-overlay-container {
   position: unset;
}

因此，我即将就滚动策略重新定位提出质疑，它不起作用或我不完全了解其功能。

角材料对话框在窗口滚动上的更改位置

1 个答案: