title: Making scrollable lightbox
body: <p>For a new project, I need to make an scroable lightbox like one that open after clicking any image on pinterest. Requirements are:</p>
  
  <ol>
  <li>Lightbox must support HTML contents.</li>
  <li>Contents might be more that monitor screen (Fixed width but no limit for height).</li>
  <li>Lightbox should not have its independent scrollbars but must use browser's scrollbar like pinterest.</li>
  <li>When light box is open, scrolling events should scroll only light box but not the background.</li>
  <li>Only Pure Javascript and/or JQuery and/or HTML5/CSS3 solution is acceptable.</li>
  </ol>
  
  <p>I went through quite a few lightbox JS and even JQuery plugins. It seems most support single screen lightbox.</p>
  
  <p>Does some one know any available JS/JQuery plugin to achieve above requirements. If not, is there any tutorials which could help making custom plugin to achieve above requirements.</p>
  
  <p>Thanks in advance,</p>
  
  <p>Kapil.</p>