javascript - 如何在 <div> 后面的 <div> 上锁定滚动

Question

我有一个将 div 附加到 html 正文的页面。但是现在的问题是我有两个卷轴正在进行(一个在新的覆盖 div 上，另一个在它后面)，这是页面的大致结构，我如何做到只有这个新的附加 div 是一个可以滚动，而不是在它后面。

大致结构如下:

<div class="right col clearfix>
<div class="modal container in">
</div>
</div>

基本上我只希望模态容器成为滚动的容器。

Answer 1

HTML

<div class="right col clearfix>
    <div class="modal container in"></div>
</div>

CSS

.right col clearfix {
    overflow: hidden;
}
.modal container in {
    width: //your width;
    height: //yourheight;
    overflow: scroll;
}