### [検証エラー時のスクロール効果を無効にする方法](https://wpforms.com/developers/how-to-disable-the-scrolling-effect-on-field-validation/) **公開日:** 2021年4月27日 **著者:** Umair Majeed **抜粋:** このチュートリアルでは、検証エラーが発生したときにスクロールを無効にする方法を説明します。 **コンテンツ:** WPForms が検証エラーに自動的にスクロールするのを停止したいですか？デフォルトでは、フォームにエラーがある場合（単一ページフォームでもページ分割されたフォームでも）、WPForms は最初のエラーフィールドまでスクロールします。 このガイドでは、このスムーズスクロール効果を無効にして、ページがエラーに直接ジャンプするようにする方法を説明します。 ## フォームの設定 まず、フォームを作成してフィールドを追加する必要があります。フォームの作成についてサポートが必要な場合は、[最初のフォームの作成方法](https://wpforms.com/docs/creating-first-form/)に関するガイドをご覧ください。 ## スクロール効果の無効化 スクロール効果を無効にするには、特定のフォームまたはサイト上のすべてのフォームのいずれかのオプションがあります。両方の方法を見てみましょう。 ### 特定のフォームの場合 1つのフォームのみスクロール効果を無効にしたい場合は、このコードスニペットを使用してください。サイトにカスタムコードを追加する方法がわからない場合は、[コードスニペットの追加方法](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/)に関するガイドをご覧ください。 ``` /** 検証エラー時のスクロールを無効にする * * @link https://wpforms.com/developers/how-to-disable-the-scrolling-effect-on-field-validation/ */ function wpf_dev_disable_scroll_to_error_by_form_id( $forms ) { // ページ上の少なくとも1つのフォームでscrollToErrorが無効になっている場合、ページ上のすべてのフォームで無効になります。 foreach ( $forms as $form ) { // ID 1000 のフォームでのみスニペットを実行 if ( isset( $form[ 'id' ] ) && (int) $form[ 'id' ] === 1000 ) { ?> **カテゴリ:** 拡張 **タグ:** Javascript, PHP ---