Ändern der Bildlaufgeschwindigkeit bei mehrseitigen Formularen

Übersicht

Möchten Sie die Scroll-Geschwindigkeit bei mehrseitigen Formularen ändern? Wenn Sie auf die nächste Seite klicken, wird die nächste Seite geladen und zu der ersten Frage gescrollt. Sie können diese Geschwindigkeit jedoch einfach mit einem kleinen Code-Snippet anpassen.

In diesem Tutorial führen wir Sie durch das JavaScript, das zur Anpassung dieser Geschwindigkeit erforderlich ist.

Einrichtung

Kopieren Sie einfach dieses Snippet und fügen Sie es auf Ihrer Website ein.

Wenn Sie Hilfe benötigen, wie und wo Sie Snippets auf Ihrer Website einfügen können, sehen Sie sich dieses Tutorial an.

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

Ändern Sie einfach die 160 im obigen Code auf die gewünschte Geschwindigkeit. Beachten Sie, dass eine höhere Zahl eine schnellere Scroll-Bewegung bedeutet. Wenn Sie beispielsweise die Zahl von 160 auf 3000 ändern, wird Seite 2 schneller gescrollt.

Häufig gestellte Fragen

Dies sind Antworten auf einige der häufigsten Fragen, die wir zum Ändern der Scroll-Geschwindigkeit bei mehrseitigen Formularen erhalten.

Kann ich das Scrollen komplett deaktivieren?

Absolut! Wenn Sie den Scroll-Effekt komplett entfernen möchten, verwenden Sie stattdessen einfach dieses 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' );

Das war's! Sie haben alles gelernt, was Sie wissen müssen, um die Scroll-Geschwindigkeit bei mehrseitigen Formularen anzupassen.

Möchten Sie als Nächstes diese Seitenumbrüche auch in Ihre E-Mail-Benachrichtigungen aufnehmen? Schauen Sie sich die Anleitung an, um zu erfahren, wie Sie Seitenumbrüche, Abschnittstrenner und HTML-Felder in Benachrichtigungen aufnehmen.

Verwandt

Aktionsreferenz: wpforms_wp_footer