固定父级内的相对定位div

我需要在固定父级中相对定位的div。

我有一个网站，其中所有内容都是相对固定的弹出式窗口，单击该按钮即可打开。该弹出窗口的宽度应为100％，高度应为100％，因此它将覆盖整个页面。

在弹出窗口中，我希望左侧的div固定为60％的宽度，右侧的相对div（宽度为40％，自动高度）可以滚动。

实际上，很难解释，所以我做了小提琴。在此示例中，我想滚动橙色div而不是滚动蓝色div。是否可以更改滚动条焦点？

<div id='container'>
  <div id='inside-fixed-div'>
    <div id='left-fixed-container'></div>
    <div id='right-relative-container'>
    </div>
  </div>
</div>

https://jsfiddle.net/87x8dwn6/