Alterando a Velocidade de Rolagem em Formulários de Múltiplas 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 página seguinte seja carregada e role para a primeira pergunta. No entanto, você pode ajustar facilmente essa velocidade com um pequeno trecho de código.

Neste tutorial, mostraremos o JavaScript necessário para ajustar essa velocidade.

Configuração

Basta copiar e colar este trecho em seu site.

Se precisar de ajuda 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 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 como alterar a velocidade de rolagem em formulários de várias páginas.

Posso desativar completamente a rolagem?

Com certeza! Caso queira 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' );

Pronto! Você aprendeu tudo o que precisa para ajustar a velocidade de rolagem em formulários de várias páginas.

Em seguida, você gostaria de incluir 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 em notificações.

Relacionado

Referência de Ação: wpforms_wp_footer