Iframe Embed Scrolling Issue

  • xtralease
    Asked on October 14, 2014 at 4:55 PM

    My form is embedded on my landing page via iframes.  It's working well, but i have a page break and the browser scrolls to the bottom when I try to go to page 2.  

     

    I've seen reference to this issue a lot on the forums, but none of the fixes have been able to resolve it.  I've tried noscroll at the end of the url, as well as some other fixes I saw on the forums.  Any help I could get would be great.

     

    http://contact.xtralease.com/trailer-rental/k.html

    In addition, I think I broke the form in the backend with some injected css.  You can see that below.

     

    http://www.jotform.com//?formID=42854175945162

  • Ben
    Replied on October 14, 2014 at 6:59 PM

    Hi,

    I see what you mean.

    Unfortunately this is not caused by the usual 'jumping issues' this seems to me is caused by the fact that the form expands and expands the div the jotform is in with it.

    Please try changing the #lp-code-181 to 720px instead of 650px to see if that helps you.

    Also try using the iframe code without the script part. So all changes would be:

    CSS change on your site:

    #lp-code-181
    {
       width:720px
    }

    Embedding with only iFrame code

    <iframe id="JotFormIFrame" frameborder="0" scrolling="no" style="width: 100%; height: 720px; border: medium none;" src="//form.jotform.us/form/42854175945162?nojump" allowtransparency="true">

    Do let us know if this helps.

    I have also opened another thread for you in regards to the CSS code breaking the jotform layout in the JotForm Builder. You can see it here: http://www.jotform.com/answers/443129  and we will be helping you in regards to that thread there to keep it all in one place and have the 2 issues separated.

    Do let us know how the code above goes and if you have any further questions.

    Best Regards,
    Ben

  • xtralease
    Replied on October 15, 2014 at 10:02 AM

    Hi Ben,

     

    This worked, but I think it broke my validation.  I mentioned this on the other thread, as well.

  • Ben
    Replied on October 15, 2014 at 11:12 AM

    Hi,

    I am glad that this worked. We will take a look at your other threads and help you to solve those issues as well.

    Best Regards,
    Ben

  • xtralease
    Replied on October 16, 2014 at 10:54 AM

    It looks like everything is good except Internet Explorer is still having the issue.

     In addition, IE cuts off on the second page of the form when you try to submit without filling out any of the fields.

     

    Iframe Embed Scrolling Issue Image 1 Screenshot 20

  • Welvin Support Team Lead
    Replied on October 16, 2014 at 12:40 PM

    The custom CSS codes that was suggested by Ben was placed into an incorrect section. It's now visible to your web front page as a text:

    Iframe Embed Scrolling Issue Image 1 Screenshot 30

    Please make sure to insert below your current on-page stylesheet, see this visual guide:

    Iframe Embed Scrolling Issue Image 2 Screenshot 41

    With regards to the IE issue, please check it here: https://www.jotform.com/answers/444368

    Thank you!

  • xtralease
    Replied on October 16, 2014 at 12:57 PM

    I removed that but am still having the scrolling issue in IE11.

  • Welvin Support Team Lead
    Replied on October 16, 2014 at 2:05 PM

    Would you mind sending us a screenshot of the current look of the form to your end? Here's how you can add screenshot to this support forum: https://www.jotform.com/answers/277033. I check it again and I don't see any issues with it.

    Check this screenshot when I access the form through IE11 on Windows 7 PC:

    Iframe Embed Scrolling Issue Image 1 Screenshot 20

    Thank you!

  • xtralease
    Replied on October 16, 2014 at 2:08 PM

    It's good now after I cleared my cache.  Thank you for your help and patience.

  • Welvin Support Team Lead
    Replied on October 16, 2014 at 3:11 PM

    Wonderful! :) We're glad that everything is now resolved! Please contact us again if there are issues to your forms, we'll be happy to assist you!

    Regards!