title: (Semantic UI) How to make a fixed vertical left side menu
body: <p>I want to make a menu fixed to the left side.</p>
  
  <p>I tried <code>sidebar</code>, it seems good at first but soon I realize the content in the <code>pusher</code> cannot be shown fully if the content is wider than the screen (and there is no scrollbar).</p>
  
  <pre><code>&lt;body&gt;
    &lt;div class="ui visible left vertical menu sidebar"&gt;
      &lt;a class="item"&gt;Item 1&lt;/a&gt;
      &lt;a class="item"&gt;Item 2&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="pusher"&gt;
      a very long sentence, a very long sentence, a very long sentence, a very long sentence, 
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>If I delete the <code>pusher</code> class the wide contents get shown but now the <code>sidebar</code> covers some contents, which is not a surprise. It seems in Semantic UI the sidebar is designed to be hidden so that contents in the <code>pusher</code> will be fully shown.</p>
  
  <p>What is the "right" way to make a fixed left side vertical menu? or is there any way to have contents in the <code>pusher</code> fully seen(even a scrollbar is helpful)?</p>