Scrolling does not work on script embedded form on my website

I too am having the same problem. Scrolling works fine when using iframe code. When embedded into a wp page, scrolling does not work.

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.

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

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

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

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

 

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" onDISABLEDload="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.

@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!