Webapp-ScrollAreas

Allow website to have scroll bars on areas, like a web app
Applied in ANmar.Space, with Bootstrap

/* CSS */
body {
 padding-top: 70px;
 padding-bottom: 50px;
 height:100vh;
}
.col-scroll {
 overflow-y: scroll;
 height: 85vh;
}


<!-- HTML -->
<div class="row" >
 <div class="col-lg-2 col-md-2 col-sm-3 col-xs-4 col-scroll" >
  <ul class="nav nav-pills nav-stacked" role="tablist" >
   <%=CategoryList_SplitView%>
  </ul>
 </div>
 <div class="col-lg-10 col-md-10 col-sm-9 col-xs-8 col-scroll" >
  <div class="tab-content">
   <%=Links_SplitView%>
  </div>
 </div>
</div>



Views 367 Downloads 134

'CSS3', 'bootstrap', 'scrollarea', 'scroll area', 'overflow', 'scroll', 'column', 'webapp'

ANmarAmdeen
323
Attachments
Layout+Design HTML+CSS
Revisions

v3.0