Alteração da velocidade de rolagem em formulários de várias páginas

Visão geral

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

Neste tutorial, vamos orientá-lo sobre o JavaScript necessário para ajustar essa velocidade.

Configuração

Basta copiar e colar esse snippet em seu site.

Se precisar de ajuda para saber como e onde adicionar snippets 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 você deseja usar. Observe que quanto maior o número, mais rápida será a rolagem. Por exemplo, alterar o número de 160 para 3000 resultará em uma rolagem mais rápida na página 2.

Perguntas frequentes

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

Posso desativar completamente a rolagem?

Com certeza! Se quiser remover completamente o efeito de rolagem, basta usar este snippet.

/**
 * 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 aí! Você aprendeu tudo o que precisa para ajustar a velocidade de rolagem em formulários de várias páginas.

Em seguida, gostaria de incluir também essas quebras de página em suas notificações por e-mail? Dê uma olhada no guia para saber como incluir campos de quebra de página, divisor de seção e HTML nas notificações.

Relacionado

Referência da ação: wpforms_wp_footer