Alterar a Velocidade de Rolagem em Formulários de Várias Páginas

Visão geral

Gostaria de alterar a velocidade de rolagem em formulários com várias páginas? Clicar na próxima página fará com que a página seguinte seja carregada e role para a primeira pergunta. No entanto, pode ajustar facilmente esta velocidade com um pequeno trecho de código.

Neste tutorial, vamos guiá-lo através do JavaScript necessário para ajustar esta velocidade.

Configuração

Basta copiar e colar este trecho no seu site.

Se precisar de assistência sobre como e onde adicionar trechos ao seu site, consulte este tutorial.

/**
 * Adjust the scrolling speed on multi-page forms.
 *
 * @link https://wpforms.com/developers/how-to-change-the-scrolling-speed-on-multi-page-forms/
 */
 
function wpf_page_break_scroll() {
?>
    <script type="text/javascript">
        window.wpform_pageScroll = 160;
    </script>
<?php
}
add_action( 'wpforms_wp_footer', 'wpf_page_break_scroll' );

Basta alterar o 160 no código acima para a velocidade que gostaria de usar. Note que quanto maior o número, mais rápida será a rolagem. Por exemplo, alterar o número de 160 para 3000 resultará numa rolagem mais rápida na página 2.

Perguntas Frequentes

Estas são respostas a algumas das principais perguntas que vemos sobre a alteração da velocidade de rolagem em formulários com várias páginas.

Posso desativar completamente a rolagem?

Absolutamente! Se desejar remover completamente o efeito de rolagem, basta usar este trecho em vez disso.

/**
 * Disabling the scrolling speed on multi-page forms.
 *
 * @link https://wpforms.com/developers/how-to-change-the-scrolling-speed-on-multi-page-forms/
 */

function wpf_disable_multipage_scroll() {
    ?>
    <script type="text/javascript">window.wpforms_pageScroll = false;</script>
    <?php
}
add_action( 'wpforms_wp_footer', 'wpf_disable_multipage_scroll' );

É isso! Aprendeu tudo o que precisa para ajustar a velocidade de rolagem em formulários com várias páginas.

Em seguida, gostaria também de incluir estas quebras de página nas suas notificações por e-mail? Dê uma olhada no guia para aprender como incluir campos de Quebra de Página, Divisor de Seção e HTML nas notificações.

Relacionado

Referência de Ação: wpforms_wp_footer