title: Material-UI Drawer issue
body: <p>I want this drawer to stick with the page just like a sticker and be active. Everythings fine but whenever I am scrolling down, the whole drawer also moves down. How can I fix it? I don't want this whole thing to move down while scrolling.</p>
  
  <p>Note: I tried to fix this thing by using docked={false}. But using it there makes the whole page inactive except the drawer. </p>
  
  <p><strong>Encountered the same problem? Any Solution?</strong></p>
  
  <pre><code>import React, { Component } from 'react';
  import Drawer from 'material-ui/Drawer';
  import MenuItem from 'material-ui/MenuItem';
  
  class MenuView extends Component {
   render {
    return(
     &lt;Drawer open={true} containerStyle={{marginTop: '6.5%', background:'#545454', position:'fixed'}}&gt;
      &lt;MenuItem primaryText="My Name" style={{color:'white', marginTop:'10%'}} href="#/name" onClick={handlers.changeURL}/&gt;
      &lt;MenuItem primaryText="My Age" style={{color:'white'}} href="#/age" onClick={handlers.changeURL}/&gt;
      &lt;MenuItem primaryText="My Address" style={{color:'white'}} href="#/address" onClick={handlers.changeURL}/&gt;
      &lt;MenuItem primaryText="My Files" style={{color:'white'}} href="#/files" onClick={handlers.changeURL}/&gt;  
     &lt;/Drawer&gt;
    );
   }
  }
  export default MenuView;
  </code></pre>