AI要約
概要
複数ページフォームのスクロール速度を変更しますか？ 次のページをクリックすると、次のページが読み込まれ、最初の質問にスクロールします。ただし、この速度は短いコードスニペットで簡単に調整できます。
このチュートリアルでは、この速度を調整するために必要なJavaScriptについて説明します。
セットアップ
このスニペットをコピーしてサイトに貼り付けるだけです。
スニペットをサイトに追加する方法と場所についてサポートが必要な場合は、このチュートリアルを参照してください。
/**
* 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' );
上記のコードの160を希望の速度に変更するだけです。数値が大きいほどスクロールが速くなることに注意してください。たとえば、数値を160から3000に変更すると、2ページ目でスクロールが速くなります。
注意：これを変更すると、すべてのフォームが変更されるだけでなく、フォームがスクロールされるオフセットも変更されます。
よくある質問
これらは、複数ページフォームのスクロール速度の変更についてよく寄せられる質問への回答です。
スクロールを完全に無効にすることはできますか？
もちろんです！ スクロール効果を完全に削除したい場合は、代わりにこのスニペットを使用してください。
/**
* 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' );
これで、複数ページフォームのスクロール速度を調整するために必要なすべてを学習しました。
次に、これらの改ページをメール通知にも含めたいですか？ ガイドを確認して、改ページ、セクション区切り、HTMLフィールドを通知に含める方法を学びましょう。
関連
アクションリファレンス: wpforms_wp_footer