title: Stay on Current page UNTIL the Next page has FULLY loaded
body: <p>How would one go about staying on the CURRENT page until the NEXT page is fully loaded. </p>
  
  <p>I've experimented with stuff like making the body</p>
  
  <pre><code>&lt;body style='display: none'&gt;
  </code></pre>
  
  <p>And then displaying it with Jquery upon full load but that's not what I'm looking for. </p>
  
  <p>I would like for the user to stay on the current page (probably display a loader graphic BUT keeping the content of the current page - no blank pages etc) while the next loads and then.... BAM you pop the full page for display. Otherwise the page jumps around as it loads.</p>
  
  <p>all tutorials or plugins do either the above or some like <a href="http://github.hubspot.com/pace/docs/welcome/" rel="nofollow">http://github.hubspot.com/pace/docs/welcome/</a> show a loading bar on the NEXT page while it's being fully loaded... but this still lets you see the elements jump around.</p>
  
  <p>YOUTUBE has this (same as pace above) BUT it stays on the CURRENT page, shows the loader and then moves on to the next whereas pace goes to the next page and then shows a loader while the rest of the page gets loaded. </p>
  
  <p>I hope I am making sense. </p>
  
  <p>Thank you. </p>