I have noticed that a few people are having issues with Fancybox on their iPads and iPhones, here's my two cents.
Firstly, and most importantly, I am unable to scroll on an iframe popup. There are no scrollbars, nor can I use my finger as this just scrolls the page in the background.
Secondly, there margin below Fancybox is quite large, which means the screen space is not being maximised.
Hoping there is a solution, as this is a great plugin! However at this rate I am going to have to find another. :(
1) About iframe scrolling - that is common problem for mobile browsers, try googling "ios iframe scrolling". For a note - my phone (Dolphin browser) does not support scrolling for any element (iframes, divs) having scrollbars.
2) Maybe take a look at these issues - #84 #33
Try the latest - https://github.com/fancyapps/fancyBox/zipball/master
I think I still got an issue here. When I'm having an iFrame popup and tries it on my iPhone, I can scroll down and up. No problem.
But it won't show all the content within the frame. Eg. If there is a scrollbar and i scroll down, the bottom-part is hidden. If i zoom out it will become visible again. And when i then scroll up the top-part is hidden, and same procedure with zoom gets visible again.
I can not reproduce this (iOS5.1). What iOS version do you have? Could you show your page?
I'm using iPhone 4s newest 5.1 - check here: http://jfu.dk/testing.html
Looks like another iOS "feature" - http://stackoverflow.com/questions/8912218/iframe-content-not-rendering-under-scroll-in-ios5-ipad-iphone/8923541#8923541
Annoying. Would you add it like an option as a temporary fix for iOS? E.g. iPhone_fix: true