Won't scroll on iPad using lightbox

  • Profile Image
    Ian
    Asked on March 13, 2013 at 08:46 AM

    Hi there, 

    I had a customer phone me today and a form they were trying to fill out would not scoll on their iPad, I have tried to find a solution on your forums but there doesn't seem to be a definite answer. I like the lightbox effect and I'd be reluctant to get rid of it, is there a way to resolve this?

    The form is the "New Trade Enquiries" form found at the link provided,

    Regards,

    Ian

  • Profile Image
    EltonCris
    Answered on March 13, 2013 at 10:21 AM

    Hi Ian,

    Have you tried using the iframe version of your form with scrolling attribute set to "auto"? You can use the following code.

    <iframe src="//form.jotform.com/form/11363223281" allowtransparency="true" frameborder="0" style="width: 100%; border: none; height: 790px;" scrolling="auto"></iframe>

    Let us know if this doesn't help. Thanks!

  • Profile Image
    liyam
    Answered on March 13, 2013 at 10:31 AM

    I see on your web page that you're using fancybox to use as lightbox.  Can you add this CSS code on your page if it works:

    iframe {
         overflow: auto;
         -webkit-overflow-scrolling: touch;
    }