避免在固定div下滚动内容

Question

当用户单击按钮时，将显示一个覆盖整个屏幕的弹出窗口。此弹出窗口中包含可滚动的内容，其描述如下：

   .popup{
        position: fixed;
        z-index: 100000;
        opacity: 1;
        height: 100%;
        width: 100%;
   }

但是，它下面的内容也是可滚动的，因此当我滚动到弹出内容的底部时，如果我继续滚动，则下面的内容也会滚动。

有什么方法可以避免这种情况？