固定父母内部相对定位div

Question

我需要固定父母内部相对定位div。

我有一个网站，一切都是相对免除固定弹出窗口，它打开一个按钮单击。这个弹出窗口应该是100％宽度和100％高度，因此它覆盖整个页面。

里面弹出窗口欲上左侧这是60％的宽度，并相对于DIV上右侧（40％的宽度，自动高度），这是可用的滚动固定 DIV。

事实上，这很难解释，所以我做了小提琴。在这个例子中，我想滚动橙色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/

Answer 1

要删除蓝色滚动，我需要除去1200px高度上#container设置并用100％替换该值。除非父母身高也是100％，否则100％身高将无法工作。因此，需要这个100％身高的父母将成为文档根和身体。

html, body { 
    margin: 0; 
    height: 100%; 
} 

#container{ 
    ... 
    height: 100%; 
} 

另外，我设置溢出汽车和高度，以100％的#right-relative-container。

#right-relative-container{ 
    ... 
    height: 100%; 
    overflow: auto; 
    ... 
} 

结果（GIF的质量是不是很大 - 道歉）

演示 http://codepen.io/antibland/pen/eZjxom