Vertical bar not working on ios devices

  • pietrobussi
    Asked on October 16, 2018 at 7:05 AM

    Hello!

    My jotform is embedded in a website provided by the new Google sites platform. On ios devices (smartphones and tablets) the form doesn't show in its wholeness because the bar doesn't work and so it is impossible to scroll down till the end of the form.

    This nuisance doesn't occur in other devices like Android mobiles/tablets or Desktops.

    Can you help me?

    The webpage where the form is embedded is this: https://www.growdigital.tv/growinstagram/acquisto-instagram-bot-setup .

  • roneet
    Replied on October 16, 2018 at 11:03 AM

    Could you please re-embed your form with the iFrame method excluding the script part.

    Here is the code reference for your iFrame code:

    Related Guide:

    https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    <iframe
          id="JotFormIFrame-82682463894370"
          onDISABLEDload="window.parent.scrollTo(0,0)"
          allowtransparency="true"
          allowfullscreen="true"
          allow="geolocation; microphone; camera"
          src="https://form.jotformeu.com/82682463894370"
          frameborder="0"
          style="width: 1px;
          min-width: 100%;
          height:539px;
          border:none;"
          scrolling="no"
        >
        </iframe>

    The Script part may cause some conflicts between your website page and the form.

    Please let us know how it goes.

    Thanks.

  • pietrobussi
    Replied on October 17, 2018 at 3:43 AM

    I embedded the iframe code you sent me but the vertical bar of the form is
    still not scrollable till the bottom of the form.

    What could I do now?

     

    Thanks

  • roneet
    Replied on October 17, 2018 at 5:28 AM

    It seems you have placed the iframe code under an iframe tag. Could you please place your Form's iframe code after the body tag, just outside of the current iframe code.

    Vertical bar not working on ios devices Image 10

    You may also try placing the following div element outside of your iframe code:

    <div style="overflow:scroll !important; -webkit-overflow-scrolling:touch !important;">

    <iframe></iframe>

    </div>

    You may refer to these blogs:
    https://github.com/fancyapps/fancybox/issues/2
    https://stackoverflow.com/questions/4599153/iframes-and-the-safari-on-the-ipad-how-can-the-user-scroll-the-content/8214891#8214891

    Let us know how it goes.
    Thanks