使用CSS在Y轴上滚动弹出对话框

Question

我有弹出对话框，我试图在Y轴上实现它的滚动。问题是卷轴正在工作的背景而不是在对话框上。我不知道我错在哪里。帮助我来解决这个问题。

PopUp Dialog Css：

.doughnutPopup {
    background-color: #fff;
    position: fixed;
    z-index: 12;
    margin: 1em;
    padding: 1em;
    border: none;
    border-radius: 1em;
}

/* Doughnuts is the parent class of doughnutPopup*/

    .doughnuts {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        margin: 0px;
        padding: 0px;
        border: none;
        background-color: rgba(0,0,0,0.7);
        z-index: 10;
    }