title: How do I hide my scrollbar on my modal window popup
body: <p>So I'm playing around with some new web languages, and so far come up with this:</p>
  
  <p><a href="http://jsfiddle.net/lustre/j9LwghLr/" rel="nofollow">http://jsfiddle.net/lustre/j9LwghLr/</a></p>
  
  <p>If you click on one of the pictures, a window appears with no scrollbar. Which is perfect! Exactly what I need; however, if you look closely when you click it, the items behind it shift slightly as I'm hiding the scroll bar on the body.</p>
  
  <p>How do I hide it ONLY on the pop-out window? As if the pop-out window is sitting on top of the scrollbar. To stop the images behind it resizing when the window opens.</p>
  
  <p>I've tried:</p>
  
  <pre><code>.show::-webkit-scrollbar-track {
      visibility:hidden;
  }
  </code></pre>
  
  <p>However this doesn't seem to do anything... The windows open using a jQuery onclick event:</p>
  
  <pre><code>$(".wrapper").click(function(){
          $(this).next(".hidden").addClass("show");
          $(".wrapper").addClass("blurry");
          $("body").css("overflow","hidden");
      }); 
  
      $(".close").click(function(){
          $(".hidden").removeClass("show");
          $(".wrapper").removeClass("blurry");
          $("body").css("overflow","auto");
      });
  </code></pre>
  
  <p>Apologies if something doesn't make sense :) 
  ( To cose the pop-up window click the little green box... x3 )</p>
  
  <p>jsFiddle link for you to have a play with: <a href="http://jsfiddle.net/lustre/j9LwghLr/" rel="nofollow">http://jsfiddle.net/lustre/j9LwghLr/</a> Again, green button closes the pop-up.</p>