Can’t Fix – Won’t Scroll to Top

Hi @nathancoffey ,

Thanks for using multistep plugin and I am sorry about that, I see the reference you sent, the solutions there were provided by other users and not any of our support, also the thread is outdated to more than 2 years ago, so because we have updated the tool multiple times since then and even CF7 itself has been updated multiple times since then, those codes might not help anymore.

But, I will check this with or developers and get back to you as soon as possible.

Kind regards,
-Bruce-

Hi @nathancoffey ,

Please, insert this code to theme/functions.php and it will work:

add_filter('cf7mls-scroll-step', function(){
    return 'true';
});

Thank you.

Kind regards,

Thanks Bruce – that worked, however because is it possible to get it to scroll up to the very top of the fieldset? For me it is offset 120px.

This is what the code does, where it takes me on the next page https://prntscr.com/z92wzg and this is where I want it to be: https://prntscr.com/z92za3

i can force it to show like that if I had margin-top:120px; to the code in dev console.

Hi @nathancoffey ,

Please remove the previous code I sent you, then add this one:

add_action('wp_footer', function(){
    ?>
    <script>
    jQuery(document).ready(function($) {
        $(document).on('click', '.cf7mls_next', function(event) {
            jQuery('html, body').animate({
                scrollTop: 0
            }, 'slow');
        })
    });
    </script>
    <?php
});

Test again and let us know!
Thank you.

Kind regards,
-Bruce-

• This reply was modified 3 years, 9 months ago by Bruce.
• This reply was modified 3 years, 9 months ago by Bruce.

PERFECT fix Bruce! Thank you so much for the prompt replies!

• This reply was modified 3 years, 9 months ago by nathancoffey. Reason: resolved

Hi @nathancoffey ,

I am glad that helps, could you please take a few seconds to leave the plugin a nice ratings to motivate our developers?

https://www.ads-software.com/support/plugin/cf7-multi-step/reviews/

Thank you.

Kind regards,
-Bruce-

This code worked for me

————————-

add_action('wp_footer', function(){
    ?>
    <script>
    jQuery(document).ready(function($) {
        $(document).on('click', '.cf7mls_next', function(event) {
            jQuery('html, body').animate({
                scrollTop: 0
            }, 'slow');
        })
    });
    </script>
    <?php
});

——————————

But this one doesn’t work.
——————————
add_filter(‘cf7mls-scroll-step’, function(){
return ‘true’;
});
——————————

Is there any way I can make it work with the first code and get the scroll to start where the form starts?

Link to form: https://www.visionbrokers.co.za/short-term-renewal-personal-afr/

Thanks!

Kind Regards.
Enrico Petersen

Hi @enrico1vision ,

Thanks for coming today!
I just checked your form and found that it in fact the scroll starts when the form starts, on the next screen after this button is clicked:

https://drive.google.com/file/d/138mp046XOLj_kajYOd7L5Q6GoVuNBHXw/view?usp=drivesdk

So, may I know what you need exactly now?

Kind regards,
-Bruce-

Hi Bruce,

Thank you so much for the prompt response.

Yes the form goes back up to the top but it scrolls right to the top and shows the header section as well.
I ideally would like it to start where the form begins (the white section). When someone clicks on the next buttons(Volgende) it must not show the black header section.

If the above can not be fix, it’s fine(its not a train smash). However I noticed that the back button(Terug) doesn’t not do the same as the next button.

Please check the rest of the slides and test both buttons. (you can use a fake details in form)

Thanks again!

Hi Support.

My back button on my form does not scroll back to the top, only my next button does.

Is there any way we can fix this?

Link to form: https://www.visionbrokers.co.za/short-term-renewal-personal-afr/

Kind Regards.
Enrico Petersen

Hi @enrico1vision ,

Sorry that I have not gotten back to you on this, I will request more information from our developers and get back to you soon.

Thank you!

Kind regards,
-Bruce-

Hi @enrico1vision ,

Please make sure you are using the latest version of CF7 and latest version of the Multi-step plugin, then activate this option to use for that purpose:

https://drive.google.com/file/d/17mqoPu5tzJRR1xPBC5meYcjQzRDRQyCf/view?usp=drivesdk

Hope that helps!

Kind regards,
-Bruce-

Thanks a Million Bruce.

All work very well now!

Kind Regards.
Enrico Petersen

Hi @enrico1vision ,

You are most welcome and could you please take a moment to leave the plugin 5 star ratings to motivate our developers to do better works?

https://www.ads-software.com/support/plugin/cf7-multi-step/reviews/

Thank you ??

Kind regards,
-Bruce-