Modifica della velocità di scorrimento dei moduli a più pagine

Panoramica

Volete modificare la velocità di scorrimento dei moduli a più pagine? Facendo clic sulla pagina successiva, la pagina successiva verrà caricata e scorrerà fino alla prima domanda. Tuttavia, è possibile regolare facilmente questa velocità con un piccolo frammento di codice.

In questa esercitazione vi illustreremo il JavaScript necessario per regolare questa velocità.

Impostazione

È sufficiente copiare e incollare questo snippet sul vostro sito.

Se avete bisogno di assistenza su come e dove aggiungere gli snippet al vostro sito, consultate 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' );

È sufficiente modificare il valore 160 nel codice qui sopra con la velocità che si desidera utilizzare. Si noti che più alto è il numero, più veloce sarà lo scorrimento. Ad esempio, cambiando il numero da 160 a 3000 si otterrà uno scorrimento più rapido a pagina 2.

Nota: la modifica di questo parametro non solo cambierà tutti i moduli, ma cambierà anche l'offset di scorrimento del modulo.

Domande frequenti

Queste sono le risposte ad alcune delle domande più frequenti sulla modifica della velocità di scorrimento nei moduli a più pagine.

Posso disabilitare completamente lo scorrimento?

Assolutamente! Se si desidera rimuovere completamente l'effetto di scorrimento, è sufficiente utilizzare 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! Avete imparato tutto ciò che serve per regolare la velocità di scorrimento dei moduli a più pagine.

Poi, volete includere anche queste interruzioni di pagina nelle vostre notifiche e-mail? Date un'occhiata alla guida per imparare a includere le interruzioni di pagina, i divisori di sezione e i campi HTML nelle notifiche.

Riferimento azione: wpforms_wp_footer