Html 如何使模态保持在滚动状态

在我的页面中有一个简单的弹出模式，我希望在滚动页面时保持这个模式

这是我的信

<div class="modale" id="ouibounce-modal" style="display:none">
            <button type="button" id="pop_up_close" class="close" data-dismiss="modal">&times;</button>
            <img id="pop_up" src="images/caly_popup.png">
</div>

这不起作用，我需要做什么才能使它起作用

试试这个

莫代尔先生{
高度：100vh；
溢出y：滚动；
位置：固定；
背景：红色；
宽度：100%；
左：0；
右：0；
排名：0；
保证金：自动；
}

&时代；

请为modale classtry overflow-y添加固定位置：隐藏；根据需要增加高度

.modale {
    height: calc(100vh - 126px);
    overflow-y:scroll;
  }