指定要素がウィンドウ内にあればクラスを付加、ウィンドウ外であればクラスを削除する方法を紹介します。
HTML
補足
- ウィンドウ内にあるかを判定する要素に checker クラスを付けます。
jQuery
補足
- 判定する要素の上端がウィンドウ内にあれば、判定要素に IN クラスを付加し、ウィンドウ外であれば IN クラスを削除しています。
- このサンプルでは、ウィンドウ上下端から内側へ 100 ピクセル入ったエリアに判定要素があるかチェックしています。
CSS
補足
- このサンプルでは、IN クラスを付加された判定要素の背景色が緑色になります。