What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Scrolling does not work on script embedded form on my website

    Asked by OLNCMYWeb on September 26, 2014 at 05:52 AM
    I too am having the same problem. Scrolling works fine when using iframe code. When embedded into a wp page, scrolling does not work.
  • Profile Image

    Answered by jedcadorna on September 26, 2014 at 07:02 AM

    It seems to be intermittent. I was testing this form https://shots.jotform.com/mike/examples/js-embed-scrolling-issue.html and all of a sudden the multipage works fine. Can you please share the URL on where your form is currently embedded?

    I would like to check and do some test before submitting a ticket to our 2nd level. This seems to be an on and off issue on my end. I'm not sure if it's my connection that is having problem.

  • Profile Image

    Answered by OLNCMYWeb on September 26, 2014 at 02:14 PM

    I can confirm the link you included is not working. I checked and refreshed and emptied the cache along the way 13 times. Not once did it work for me.

    Here's my form http://dev.operationlookout.org/?page_id=10944

  • Profile Image

    Answered by Mark on September 26, 2014 at 04:04 PM

    Hi,

    I did check your website and it seems to be working fine on my end. Please take a look at this video: http://www.screencast.com/t/uG5TH9HE

  • Profile Image

    Answered by Mark on September 26, 2014 at 04:09 PM

    Anyways, I have already submitted a bug report ticket with regards to the issue also.

  • Profile Image

    Answered by OLNCMYWeb on September 26, 2014 at 04:48 PM

    Hi Mark,

    I've been knee deep in problems and diagnosis between last night and today that I don't completely remember what I was in the middle of at the time I wrote in the support ticket.

    I do believe that there is some confusion in the terminology "top". In your own screencast, I see that it's not going to the "top". To the top of the form, yes. To the upper portion of the page so you can see the top of the form, no. Top in my definition means, no scrolling to get to whatever is being considered "top".

    Anyway, I just ran into a scroll to "top of form" problem related to the height attribute with iframes.

    My iframes code includes a height attribute of 9378px. When a form is paginated that leaves miles of whitespace between the next button and the footer -- not a good look -- so I adjusted the height to 750px. That had zero effect even when scrolling was set to yes, no, or auto.

    I then changed to a max-height of 750px. With scrolling set to either yes or auto it worked to eat up the whitespace and on most pages it shot straight to the top like it was supposed to; however, when the page itself (between page breaks) is greater than 750px high the next page would only scroll up to some random spot within the page and consistently land in the same spot, somewhere in the middle, not the top.

    To confirm I was seeing things right, I adjusted the height to 250px. It was the same.

    I've set up a test page for you. It is set at 250px with page heights of less/greater than 250px with auto scrolling. Page 2 is fine, it's less than 250px, page 3 is fine because page 2 is less than 250px, page 4 is not fine, because page 3 is greater than 250px. When I inserted another page less than 250px high, page 4 was fine.

    My form is here > formID=42679251674969
    Your test page is here > http://dev.operationlookout.org/?page_id=10988

     

  • Profile Image

    Answered by Mark on September 26, 2014 at 06:01 PM

    Hi,

    Thank you for providing us more detailed information about the issue and what you want to accomplish.

    Can you please take a look at this video if this fits your needs? http://www.screencast.com/t/7PpAEwDipfO

    What I did on this is, adding scroll to Top Widget on the form then change max-height of iFrame code to 550px.

    Here is the code of my clone form:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="http://form.jotformpro.com/form/42685757463973" frameborder="0" style="width: 100%; max-height: 550px; border: none; height: 5817px;" scrolling="auto"></iframe>

    Just simply change src URL which highlighted in yellow with your form URL.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on October 02, 2014 at 04:41 AM

    @OLNCMYWeb

    The scroll to top (of form) bug with the default script embed has been fixed.

    Please do note that scrolling to the top of the form is the logical action for the next and back buttons, simply because JotForm user do not always embed their forms on the top of their webpages.

    Do let us know fi you have further questions or concerns.

    Cheers!