当其他窗口以7/8的角度弹出时，防止背景窗口向上滚动到顶部

Question

所以当我点击标签时，我会在页面中间打开一个弹出窗口，但当弹出窗口显示时，背景窗口总是一直滚动到顶部。我希望背景页不要一直向上滚动，只停留在原地

HTML

<div class="notSU">
<a (click)="open()">open popup window</a>
</div>

javascript(ts文件(

open(){
const window: WindowRef = this.windowService.open({
title: 'My Window',
content: 'My Content!',
width: 450,
height: 200
});
window.result.subscribe((result) => {
if (result instanceof WindowCloseResult) {
console.log('Window was closed!');
}
});
}

CSS

.notSU{
overflow:hidden !important;
}

Answer 1

如果模式窗口代码位于页面顶部，并且位置设置为相对或绝对，这可能就是它滚动到顶部的原因。尝试在下面为.notSU提供这些css设置。position: fixed;相对于浏览器窗口定位元素，而不是它可能所在的父窗口。

.notSU {
position: fixed;
z-index: 400;
left: 50%;
top: 50%;
transform: translate(-50% -50%);
max-width: 450px;
max-height: 200px;
width: 100%;
height: 100%;
}