シュウ

今回は【WordPress】MW WP Formスクロールの位置について
の解説になります！

こんな方に読んでほしい

• WordPressを学び始めた方へ
• お問い合わせ関連のプラグインを探してる方へ
• 今回はWordPressの「MW WP Formスクロールの位置」について解説しております。

MW WP Formとは

「MW WP Form」　とは、WordPressのお問い合わせプラグインになります。
このプラグインを紹介するポイントと問題点があります。

「MW WP Form」は、とても使いやすい反面、少し知識が必要になってきます。
ですが、このプラグイン一つで全てのことが設定できるので、しっかり覚えておきましょう。
こちらの方で詳しい設定については解説しております。

MW WP Formの設定について解説

【WordPress】2023年、MW WP Formの使い方を解説

プラグイン一つで全てのことが設定できるので、覚えておきましょう。

MW WP Formスクロールの位置について

MW WP Formでフォームを作成後「入力内容を確認」するボタンを押した際に、画面変遷時にフォームの要素が画面の一番上までスクロールされる問題があります。

上記の画像のように、画面トップまでスクロールされます。
この状態だと、内容の確認をする際に、フォームの位置までスクロールする必要があります。
解決策は以下のようになります。

設定について

解決策は、WordPressログイン後管理画面のMW WP Formの設定になります。

画面変遷時のスクロールを有効にするにチェックする

「画面変遷時のスクロールを有効にする」にチェックを入れておきましょう。
入力エラーや、確認画面、完了画面に切り替わった際に、ページトップに移動せず、お問い合わせフォーム場所に移動します。アンカーの役割をしてくれます。

ポイント！
画面変遷時のスクロールを有効にすると、フォームの要素が画面の一番上までスクロールされるため、フォームのレイアウトによっては意図しない結果になる可能性があります。その場合は、画面遷移時のスクロール位置 のフィールドを調整して、適切な位置にスクロールされるようにしてください。

まとめ

今回はこれで以上です。

< 前の記事

【CSS】display flex指定方法のまとめを解説

次の記事 >

【CSS】擬似要素、beforeとafterに画像を表示しサイズの調整ついて!