Why do I have to scroll up to see my thank you page?

  • Sksbattick
    Asked on November 7, 2016 at 9:29 PM

    Hi,

     

    When anyone clicks submit on my website form, the page stays at the bottom and the user has to scroll all the way up to the top to see the thank you message at the top of the page. 

     

    I am using Wix and I embedded the code in my website using iFrame. How can the page automatically scroll back to the top after the user clicks submit without them seeing a blank page (until they scroll up)?

  • Chriistian Jotform Support
    Replied on November 8, 2016 at 3:57 AM

    I sent a test submission to your form and I was able to see the issue that you are referring to. The page does not scroll to the top after I submit the form.

    I see that you are using the iFrame code. Can you please try replacing the onDISABLEDload="window.parent.scrollTo(0,0)" section of the iFrame code with onDISABLEDload="self.scrollTo(0,0)"?

    You can use the iFrame code below where I have edited the code:

    <iframe id="JotFormIFrame" onDISABLEDload="self.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.co/62378548723870" frameborder="0" style="width:100%; height:4318px; border:none;" scrolling="no"> </iframe> 

    Please let us know if the issue still persists.
    Regards.

  • Sksbattick
    Replied on November 8, 2016 at 1:44 PM
    Thanks. But nothing changes. The page is still at the bottom. You can try
    it again for yourself:
    www.humbirdmediaja.com/logo-creative-brief
    Regards,
    *Phone:* 1.876.414.6094
    Email: info@humbirdmediaja.com
    *Website:* www.humbirdmediaja.com
    *Follow us:*


    ...
  • Kevin Support Team Lead
    Replied on November 8, 2016 at 6:30 PM

    I have cloned your form and got the iFrame code, I can see it automatically scrolls to the top when it is submitted.

    I would suggest you to re-embed your form using the default embed code again, if it does not work, you could also inject some CSS code to display the Thank You message at the bottom of the form so your users do not need to scroll up.

    .thankyou {

            position: absolute;

            bottom: 0px;

        }

    This guide will help to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Hope this helps.