私のモーダルボディには 2 つの div が並んでいます。コンテンツがモーダルに対して大きすぎる場合、そのうちの 1 つにスクロールバーが必要です。残念ながら、スクロールバーはdivではなくモーダルボディに表示されます。
私が持っているもの:
私が欲しいもの:
私の panelGuest にはoverflow-y
to auto があります。代わりに「scroll」を試しましたが、スクロールバーは表示されますが利用できません。モーダルボディのオーバーフローにさまざまな値を試しましたが、無駄でした。
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/