I've been experiencing this issue with prettyPhoto where I am hosting some deliberately large and most of all long infographic images that are designed to be read from top to bottom. The problem is when prettyPhoto expands these photo an you try to scroll down to read them prettyPhoto doesn't allow me to scroll down with the cursor or mouse wheel.
Do I need to do a hack to fix this problem? If so, what is the best way to resolve this?
What I did (not sure if there is a better way) was to set allowresize to false(this is optional, but for large lightboxing, I felt it was a good idea), and then in the .js file, on the line that states:
$j(window).scroll(function(){ scrollPos = _getScroll(); _centerOverlay(); _resizeOverlay(); });
I changed the Browser Event from .scroll to .resize:
$j(window).resize(function(){ scrollPos = _getScroll(); _centerOverlay(); _resizeOverlay(); });
That way the image/iframe/whatever will still position itself based on the current scroll position, but will stay in a fixed position, thus allowing the user to scroll up and down for larger lightbox areas.