title: VuetifyJS - Scrolling v-navigation-drawer
body: <p>I am new to VueJs and I started working on my first project which requires me to have a side panel (drawer) to serve as a navigation bar and it will always be visible.</p>
  
  <p>So far so good it is done and it looks exactly as I wanted it.</p>
  
  <p>The problem is that each time I put a lot of links the drawer doesn’t scroll in order to see all the links I have put there.</p>
  
  <p>I have tried with css but nothing happens. Does anyone have any hint on what I should do?</p>
  
  <p>I just need the drawer to be scrollable when links exceed the page or when the screen it’s small.</p>
  
  <p>What I did is that I enclosed my drawer in a div with a class"scrollable" and added the below css:</p>
  
  <pre><code>.scrollable{ height:100%; overflow:auto;}
  </code></pre>
  
  <p>I also tried <a href="https://stackoverflow.com/questions/52384666/vuetify-non-scrolling-navigation-drawer">this</a> as it was the closest thing I could find to my problem</p>