title: Being at the same scroll position after display a popup
body: <p>I have a classic page with a lot of content, and a button that open a popup.
  This pop can have an height bigger than my window, so i need to scroll inside my pop up.
  When I hide my trigger, i want to be on the exact same scroll position than before showing this pop up.
  I have try many solution, and... it's not exactly that :)
  You can see an example on JSfiddle : <a href="http://jsfiddle.net/S6EFW/" rel="nofollow">http://jsfiddle.net/S6EFW/</a></p>
  
  <p>And you can see what i'm trying to do on the site of USA TODAY : <a href="http://www.usatoday.com/" rel="nofollow">http://www.usatoday.com/</a></p>
  
  <p>If you scroll a bit, and click on one of the main article, a popup shows. You can scroll in this popup. When you close the popup, you're on the exact same place of the page than befor opening the popup.</p>
  
  <p>My code :</p>
  
  <pre><code>  $( "#launch" ).click(function() {
    $( "#popup" ).fadeToggle( "slow", function() {
  
    });
      $( "#content" ).toggleClass( "whenloaded" );
  
    });
  </code></pre>
  
  <p>With a class added on the content when you show the popup : </p>
  
  <pre><code> .whenloaded {
    position : fixed;
   }
  </code></pre>
  
  <p>If you have an idea to the way to achieve that ! Many thanks to the community :)</p>