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.
Correlato
Riferimento azione: wpforms_wp_footer