Pandora is a lightweight lightbox, it works fine on iPad, pc, mac. you can load content with height overflowed and scroll the lightbox content without pain.
Try it online: http://develus.com/_github/pandora-lightbox
Just include jQuery and core files from "source/" folder.
<link rel="stylesheet" href="http://github.com/source/pandora.style.css">
<script src="http://github.com/source/jquery.min.js"></script>
<script src="http://github.com/source/pandora.jquery.js"></script>
Add the classname "pandora-lightbox" class to your links.
<a class="pandora-lightbox" href="http://github.com/picture.jpg">Load a picture</a>
<a class="pandora-lightbox" href="http://github.com/document.htm">Load a document</a>
Change some parameters in file pandora.jquery.js and voilá!
var transitionSpeed = 500;
var offsetContent = 100; /*Margin top and botton for content*/
var loadingPath = 'source/loading.gif'; /*The path of loading gif*/