特定div上的滚动条进入bootstrap模态体

Question

我的模态体有两个并排的div,如果他的内容对于模态来说太大了,其中一个必须有一个滚动条.不幸的是,滚动条出现在模态体上,而不是我的div上.

是)我有的:

我想要的是:

我的panelGuest有overflow-y自动,我尝试使用'滚动',但滚动条显示但不可用.我在模态体上尝试了不同的溢出值,徒劳无功.

CSS:

#panelGuest{
    overflow-y:auto;
    overflow-x:hidden;
    width: 35%;
    float:left;
    border-right:solid #ff920a 2px;
    min-height:100px;
}

HTML:

 <div id="modalShareBody" class="modal-body">
        <div id="panelGuest" class="panel">
            The div where i want the y-scrollbar
        </div>
        <div id="panelDetail" class="panel">
        </div>
    </div>

这里有一个小问题:http://jsfiddle.net/Ua2HM/2/

Answer 1

我这样做是为了使模态的高度成为一个固定值:

#modalShare {
    margin-left:-200px;
    height: 300px;
 }

@media (max-width: 767px) {
    #modalShare {
        width: auto;
        margin-left: auto;
    }
}

#modalShareBody {
    overflow:hidden;
}

#panelGuest{
    width: 35%;
    float:left;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    border-right:solid #ff920a 2px;
}

#panelDetail{
    float:left;
    width: 60%;
}

这就是你需要的吗？