概要
ブラウザをリサイズした時にだけ特定要素にクラスを付与する方法を紹介。用途・要件
- ブラウザをリサイズした時にだけ特定要素にクラスを付与する。
- クラスを付与する以外の処理にも応用可能。
- DEMOでは、リサイズ中に要素にクラスを付与して文字色を赤色に変更し、テキストを「リサイズしてください」から「リサイズ中です」に変更する処理を記載。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- IE11
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)