title: Set scroll position back after changing element position fixed and unfixed
body: <p>I have a JSBin with a page, and a functional sliding nav. The only thing wrong with it is that it resets the scroll position when I open the side navigation. I use a jquery click event to toggle the nav and move the page to the side. When it moves the page over, it sets the position fixed, and moves it over 200 px. I have tried to use jquery to record the scroll position before the nav is toggled, and set it back when it isn't fixed, but after trying to use other examples, they won't work. I don't know if there is something wrong with my script, or I could use css another way. </p>
  
  <p>The JSBin is <a href="http://jsbin.com/voresu/30/edit?" rel="nofollow">here</a></p>
  
  <p>I would like to not introduce anything but html, css, js, or jquery in the answer.</p>