title: 100% Fullscreen Colorbox (jquery lightbox) scroller does not replace or cover scroller of base layer
body: <p>In the following paragraphs I present the problem of having two scrollbars next to each other when I engage a fullscreen lightbox. A scrollbar for the base layer (initial html) and a scrollbar for the iframe (lightbox). I'd like to remove or cover the base scrollbar.</p>
  
  <p>On my base page design, I have a vertical list of portfolio items in rows. The page is meant to scroll. To look at images of a portfolio item, the user clicks the "view project images" link to expand a lightbox that extends 100% of the browser. The idea is to use the lightbox to center the portfolio images in a floating fullscreen window, and when you close the window, the user returns to the page beneath, in the spot they left. This is very important because the list of portfolio items beneath could be long. The Colorbox is a basic iframe.</p>
  
  <p>As mentioned before, I have a problem with two scrollbars next to each other. You can see the problem at:</p>
  
  <p>www.joshua-butler.com/sample/home.html </p>
  
  <p>I'd like to cover or remove the base scrollbar.</p>
  
  <p>Here is a similar problem:
  <a href="https://stackoverflow.com/questions/7297211/jquery-how-can-i-reset-the-document-scrollbar-when-i-append-a-layer-over-the-do">jquery: How can I reset the document scrollbar when I append a layer over the document?</a>
  (I couldn't figure out how to use this for my purpose)</p>
  
  <p>If someone has a better solution to Colorbox, or knows a simple fix, please let me know. </p>
  
  <p>All the lightbox solutions, such as Thickbox, Shadowbox &amp; Lightbox all have this problem.</p>
  
  <p>Thanks in advance!
  Josh</p>