Modificación de la velocidad de desplazamiento en formularios multipágina

Visión general

¿Quieres cambiar la velocidad de desplazamiento en formularios multipágina? Al hacer clic en la página siguiente se cargará la página siguiente y se desplazará hasta la primera pregunta. Sin embargo, puedes ajustar fácilmente esta velocidad con un pequeño fragmento de código.

En este tutorial, te guiaremos a través del JavaScript necesario para ajustar esta velocidad.

Configurar

Sólo tiene que copiar y pegar este fragmento en su sitio web.

Si necesita ayuda sobre cómo y dónde añadir fragmentos a su sitio, 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' );

Simplemente cambia el 160 en el código de arriba a la velocidad que te gustaría usar. Tenga en cuenta que cuanto mayor sea el número más rápido será el desplazamiento. Por ejemplo, cambiar el número de 160 a 3000 dará como resultado un desplazamiento más rápido en la página 2.

Nota: Cambiar esto no sólo cambiará todas las formas, sino que también cambiará el desplazamiento en el que la forma se desplazará.

Preguntas frecuentes

Estas son las respuestas a algunas de las preguntas más frecuentes que recibimos sobre cómo cambiar la velocidad de desplazamiento en formularios multipágina.

¿Puedo desactivar completamente el desplazamiento?

Por supuesto. Si desea eliminar el efecto de desplazamiento por completo, sólo tiene que utilizar este fragmento en su lugar.

/**
 * 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' );

Ya está. Has aprendido todo lo que necesitas para ajustar la velocidad de desplazamiento en formularios multipágina.

A continuación, ¿le gustaría incluir también estos saltos de página en sus notificaciones por correo electrónico? Echa un vistazo a la guía para aprender a incluir saltos de página, divisores de sección y campos HTML en las notificaciones.

Acción de referencia: wpforms_wp_footer