Modifier la vitesse de défilement sur les formulaires multipages

Aperçu

Souhaitez-vous modifier la vitesse de défilement sur les formulaires multipages ? Cliquer sur la page suivante entraînera le chargement de la page suivante et le défilement jusqu'à la première question. Cependant, vous pouvez facilement ajuster cette vitesse avec un petit extrait de code.

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

Configuration

Copiez et collez simplement cet extrait sur votre site.

Si vous avez besoin d'aide sur comment et où ajouter des extraits à 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' );

Changez simplement le 160 dans le code ci-dessus par la vitesse que vous souhaitez utiliser. Notez que plus le nombre est élevé, plus le défilement est rapide. Par exemple, changer le nombre de 160 à 3000 entraînera un défilement plus rapide sur la page 2.

Questions fréquemment posées

Voici les réponses à certaines des questions les plus fréquentes concernant la modification de la vitesse de défilement sur les formulaires multipages.

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

Absolument ! Si vous souhaitez supprimer complètement l'effet de défilement, utilisez simplement cet extrait à la place.

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

Et voilà ! Vous avez appris tout ce qu'il faut pour ajuster la vitesse de défilement sur les formulaires multipages.

Ensuite, souhaitez-vous également inclure ces sauts de page dans vos notifications par e-mail ? Consultez le guide pour savoir comment inclure les champs de saut de page, de séparateur de section et HTML dans les notifications.

Articles associés

Référence d'action : wpforms_wp_footer