如何锁定滚动在<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;
}