質問: ### 前提・実現したいこと colorlibのテンプレートを使って、サイトを作ろうとしています。 ワードプレスでテンプレートを設定してサイトを確認したところ、 preventDefault のエラーがスクロールするたびに増えていきます。 ### 発生している問題・エラーメッセージ ``` [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See ``` ### 該当のソースコード ``` フォルダ wordpress\wp-content\themes\theme\layout\js\smoothscroll ソースコード scrollArray(overflowing, -deltaX, -deltaY); event.preventDefault(); →ここを参照しろとエラーメッセージに出てきます。 ``` ### 試したこと event.preventDefault();→これを下に置き換えてみた。 function scroll_control(event) { event.preventDefault(); } function no_scroll(){ document.addEventListener("mousewheel", scroll_control, {passive: false}); document.addEventListener("touchmove", scroll_control, {passive: false}); } function return_scroll(){ document.removeEventListener("mousewheel", scroll_control, {passive: false}); document.removeEventListener('touchmove', scroll_control, {passive: false}); } 変わりませんでした。 ### 補足情報(FW/ツールのバージョンなど) https://colorlib.com/のテンプレート wordpress使ってます。スクロールするたびに増えるエラーをなくす方法を教えてください。
回答: ご提示のコードで検索をしたところ、以下がヒットしました。 javascript - Smooth Scroll Overshooting Visual Composer Wordpress - Stack Overflow コメント文からさらに検索をしたところ、以下がヒットしました。 GitHub - gblazex/smoothscroll-for-websites: Smooth scrolling experience for websites. ご提示の部分のコードは、現在では変更されているようです。履歴を追ってみましたが、GitHubに最初に挙げられた2015年にすでになくなっているようです。 なので、最新バージョンのコードを使ってみてはいかがですか? なお、お試しになられたコードについては、ご提示のコードとの関連性がわかりませんでしたので、言及を控えます。