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:

enter image description here

what want:

enter image description here

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

Popular posts from this blog

jquery - How can I dynamically add a browser tab? -

node.js - Getting the socket id,user id pair of a logged in user(s) -

keyboard - C++ GetAsyncKeyState alternative -