お問い合わせフォームにWordPressのcotanct form 7(コンタクトフォーム7)を使っている。 送信ボタンを押してエラーがあったら、そのエラー箇所まで自動スクロールされる仕様に変更したい。 本記事ではこのような悩みを解決。 実装方法について解説します。 ※jQueryを使うので事前にライブラリを読み込みましょう。 実装サンプル jQuery(function ($) { var wpcf7El = document.querySelector(".wpcf7") wpcf7El.addEventListener("wpcf7invalid", function () { var speed = 1000; setTimeout(function () { var firstErrorEl = $(".wpcf7-not-valid:first"); // エラーが発生した箇所