title: Scroll inside vertical navigationbar
body: <p>i have an example (<a href="http://jsfiddle.net/eg6MZ/1296/" rel="nofollow">JSFiddle Example</a>), where i want the content of the nav bar to be scrollable, if it is cut off by the screen size of the browser.
  See <a href="http://i.stack.imgur.com/ugmYU.png" rel="nofollow">Normal Size</a> and <a href="http://i.stack.imgur.com/5O4Vg.png" rel="nofollow">Small Size</a> for current problems.</p>
  
  <p>A requirement is that the left part of the screen (<code>250px</code>) is covered by the navigation bar (or any parent) if the screen size is <code>&gt; 768px</code>.</p>
  
  <p>I did not achieve any satisfying result so far, therefore i'm aksing for help!</p>
  
  <p>Thanks in advance!</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>@media (min-width: 768px) 
  {
      .sidebar-main.expanded {
          width: 250px;
      }
  
      .sidebar-main {
          position: fixed;
          height: 100%;
      }
  
      .sidebar-main .navbar {
          height: 100%;
      }
  
      .sidebar-main .navbar .open .dropdown-menu {
          position: static;
          float: none;
          width: auto;
          margin-top: 0;
          background-color: transparent;
          border: 0;
          box-shadow: none;
      }
  
      .sidebar-main .navbar-header {
          float: none !important;
      }
  
      .sidebar-main .navbar-collapse {
          padding: 0px;
          max-height: none;
      }
  
      .sidebar-main ul {
          float: none;
          &amp;: not {
            display: block;
          }
      }
  
     .sidebar-main li {
          float: none;
          display: block;
     }
  }
  </code></pre>