Modifier la vitesse de défilement des formulaires multi-pages

Vue d'ensemble

Souhaitez-vous modifier la vitesse de défilement des formulaires multipages ? En cliquant sur la page suivante, la page suivante se charge et défile jusqu'à la première question. Cependant, vous pouvez facilement ajuster cette vitesse à l'aide d'un petit extrait de code.

Dans ce tutoriel, nous allons vous présenter le JavaScript nécessaire pour ajuster cette vitesse.

Mise en place

Il suffit de copier et de coller cet extrait sur votre site.

Si vous avez besoin d'aide pour savoir comment et où ajouter des snippets à votre site, veuillez consulter ce tutoriel.

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

Il suffit de modifier le chiffre 160 dans le code ci-dessus en fonction de la vitesse que vous souhaitez utiliser. Notez que plus le nombre est élevé, plus le défilement est rapide. Par exemple, si vous remplacez le chiffre 160 par 3000, le défilement de la page 2 sera plus rapide.

Questions fréquemment posées

Voici les réponses aux questions les plus fréquemment posées sur la modification de la vitesse de défilement dans les formulaires multipages.

Puis-je désactiver complètement le défilement ?

Absolument ! Si vous souhaitez supprimer complètement l'effet de défilement, il vous suffit d'utiliser cet extrait.

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

Vous avez appris tout ce qu'il faut pour régler la vitesse de défilement des formulaires multipages. Vous avez appris tout ce qu'il faut pour régler la vitesse de défilement des formulaires multipages.

Ensuite, vous souhaitez également inclure ces sauts de page dans vos notifications par courrier électronique ? Consultez le guide pour savoir comment inclure les champs Saut de page, Séparateur de section et HTML dans les notifications.

En rapport

Référence de l'action : wpforms_wp_footer