Modifica della velocità di scorrimento sui moduli multipagina

Panoramica

Desideri modificare la velocità di scorrimento nei moduli multipagina? Facendo clic sulla pagina successiva, la pagina verrà caricata e scorrerà fino alla prima domanda. Tuttavia, puoi regolare facilmente questa velocità con un piccolo snippet di codice.

In questo tutorial, ti illustreremo il JavaScript necessario per regolare questa velocità.

Configurazione

Copia e incolla semplicemente questo snippet sul tuo sito.

Se hai bisogno di assistenza su come e dove aggiungere snippet al tuo sito, consulta questo 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' );

Cambia semplicemente il 160 nel codice sopra con la velocità che desideri utilizzare. Nota che un numero più alto corrisponde a uno scorrimento più veloce. Ad esempio, cambiare il numero da 160 a 3000 comporterà uno scorrimento più veloce nella pagina 2.

Domande frequenti

Queste sono le risposte ad alcune delle domande più frequenti che vediamo riguardo alla modifica della velocità di scorrimento nei moduli multipagina.

Posso disabilitare completamente lo scorrimento?

Assolutamente! Se desideri rimuovere completamente l'effetto di scorrimento, usa semplicemente questo 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' );

Ecco fatto! Hai imparato tutto ciò che ti serve per regolare la velocità di scorrimento nei moduli multipagina.

Successivamente, desideri includere anche queste interruzioni di pagina nelle tue notifiche email? Dai un'occhiata alla guida per scoprire come includere campi Interruzione di pagina, Divisore di sezione e HTML nelle notifiche.

Correlati

Riferimento azione: wpforms_wp_footer