css - Scrollbar on a specific div into bootstrap modal body -
my modal-body has 2 div side side, 1 of them must have scrollbar if content big modal. unfortunately, scrollbar appears on modal-body, not on div.
what have:
what want:
my panelguest has overflow-y
auto, tried 'scroll' instead scrollbar shown not available. tried different values overflow on modal-body, in vain.
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"> div want y-scrollbar </div> <div id="paneldetail" class="panel"> </div> </div>
here fiddle issue: http://jsfiddle.net/ua2hm/2/
i did making height of modal fixed value:
#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%; }
is need?
Comments
Post a Comment