スタッフブログStaffblog

toggleClassメソッドについて

2021.01.20
スタッフブログ

新入社員の立原です。

本日はtoggleClassという機能についてご紹介します。

参考サイトはこちら

toggleClassは上記サイトにあるように、toggleClassメソッドは、指定したクラス名のCSSがある場合は削除を行い、なければ追加するというメソッドになります。

例では、クリックでの切り替えが紹介されていますが、スクロールのJavaScriptとかけ合わせれば、スクロール量に合わせ、classの適用を切り替えることもできます。

まだJavaScriptは勉強中ですが、時間ができた際に試しで組んでみたいと思います。完成したらブログにご紹介しようと思います!