Here is the fix on iOS scrolling inside iframe popup problem

Hi alucard001 thanks for sharing your fix. I have an iDevice to test with but I’ll be putting this in the development version. Can I ask you to verify the result at a later date maybe?

Your help is much appreciated!

No problem. By the way Ravan, maybe you need to take a look at jquery.fancybox-1.3.7.js.

I forgot to say that in line 657, I invalidate the “overflow” inline style by adding a “_” before “overflow” so that it will not override the fix I mentioned in my blog post.

Hope it helps.

Hmmm… that might mean there are side-effects. Good you mention that. I’ll have have to test further…

No problem.

To test, you can go to this link with your iDevice. Then scroll down and tap on one of the icon (e.g. youtube) and you will be able to see the result.

Ok so on a desktop browser I now get double scroll bars on the side… Does not look very nice ??

For others that might come across this issue, a work around is to simply put the css fix inside media query:

@media all and (max-width:980px){
   #fancybox-content{
     overflow: scroll !important;
     -webkit-overflow-scrolling: touch !important;
}
}

• This reply was modified 7 years, 5 months ago by donneljo.

Hi @donneljo that’s a smart approach. I’ll consider it for the next release ??