html5 - Scrollable side bar with bootstrap fluid layout -


i need this, want have sidebar , content div using bootstrap fluid layout cant make sidebar scrollable , content div not. tried using overflow:hidden; on body , applying overflow:auto on sidebar div doesnt works, missing? heres scss code:

  #main-container{        margin-left:0;        margin-top:60px;        padding:0px;    .span3{         background-color:white;         ul{         margin: 0;          li#song{             background-image: url($images+'chevron.png');             background-position: right center;             background-repeat: no-repeat;             background-color:white;             color: #666;             border-top: 1px solid #b4b4b4;             list-style-type: none;             padding: 10px 10px 10px 10px;              }            }          }        }      .maxheight{      height:100%;     }      .no-overflow{    overflow-y:hidden;      }     .scrollable{    height:100%;    overflow-x:hidden;     } 

here example code, left div want scroll: http://jsfiddle.net/xydrg/

you need set height div:

#lista-canciones{     height: 350px; } 

http://jsfiddle.net/xydrg/1/


Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

javascript - jQuery .height() return 0 when visible but non-0 when hidden -