Thank you page to scroll to the top

  • movz
    Asked on January 11, 2018 at 6:13 PM

    Looked in the archives can't find my question, but probably missed what many already have asked.

    How to make the thank you page automatically scroll to the top?

    It doesn't seem to work on safari iPhone 

  • jonathan
    Replied on January 11, 2018 at 7:31 PM

    I assume the form was embedded on a website. Please share to us the URL of the website where we can also test the actual form used.

    This issue is usually associated to script conflict when using JS script embed code of the form. If this is also the case on your form, I suggest you try test first using the iframe embed code instetad. User guide: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code

    Let us know if issue persist.




  • movz
    Replied on January 12, 2018 at 5:50 AM

    Yes it's currently embedded into a Wix website, tried both script & iframe method.

    I'm referring to how the thank you page performs on a phone, on a computer it seems to work.

    For now I've moved the thank you message down so it sort fits, i.e. when you press submit and leave to the thank you page hopefully you land where the message is but obviously it needs to work equally on all devices, and only by going to the top I make make sure that's the case.

    Form https://form.jotformeu.com/80034061385348

    Embedded webpage https://flmjet6.wixsite.com/mysite/copy-of-basic

  • Ardian_L
    Replied on January 12, 2018 at 9:12 AM

    I inspected your Thank you page and you have added a lot of new lines (carriage returns) and that is making the form to go to the bottom of the page.

    The form itself it is responsive, so please remove those spaces and the problem will be fixed.

    Let us know if you have any other question.

  • movz
    Replied on January 12, 2018 at 9:32 AM

    My reason for adding the empty lines in the first place was because it did not go to the top, it started at the bottom. Following your suggestion the thank you page unfortunately still start at the bottom + it has the jot form logo attached, though I'm on a paid plan?

    This happens on Submit. 

    1515767232IMG 8094 Screenshot 10



    When I scroll to the top of page I see this.

     

    1515767301IMG 8095 Screenshot 21

  • Ardian_L
    Replied on January 12, 2018 at 10:34 AM

    Looks like WIX is adding some Custom CSS that is making the form to go under your hamburger menu.

    Please add this CSS to your website to override that code:

    div#comp-jc649x8r {

        top: 20px !important;

    }

    Also you can disable the JotForm Branding by going to:

    https://www.jotform.com/myaccount/settings

    And locate JotForm Branding on the bottom of the page, un-check that option.

    1515771288Brandin Screenshot 10


  • movz
    Replied on January 12, 2018 at 11:08 AM

    Appreciate that. Thanks Ardian.

    Just found out that "Currently, it is not possible to access the CSS code of your site. "

    Like many things with that company their insistent of end-to-end product that seems to block if not all at least most of Jotform is frustrating and will move my website away from them but that will take some time, so in the meantime I'll have to do to the empty lines trick.

  • Sabbir
    Replied on January 12, 2018 at 12:15 PM

    We are glad to help you.

    If you need any further assistance, please let us know.