![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWlef23ABdkJOj6Iz_4aHNS1TvIY0_jtpJ3WKFtIXR_OzfhxCzOd_G7rkiHMP1JQXGDcAVqW9Qv3X0Ksuo0-R7Lv7_SukxKj4vEzJz1aoIkH5m5yxdmgNEhkBzSPYrEfU0jJT0J1FRMUU4/s1600/SnapCrab_NoName_2017-3-30_16-31-42_No-00.png)
指定要素がウィンドウ内にあればクラスを付加、ウィンドウ外であればクラスを削除する方法を紹介します。
HTML
補足
- ウィンドウ内にあるかを判定する要素に checker クラスを付けます。
jQuery
補足
- 判定する要素の上端がウィンドウ内にあれば、判定要素に IN クラスを付加し、ウィンドウ外であれば IN クラスを削除しています。
- このサンプルでは、ウィンドウ上下端から内側へ 100 ピクセル入ったエリアに判定要素があるかチェックしています。
CSS
補足
- このサンプルでは、IN クラスを付加された判定要素の背景色が緑色になります。