【jQuery】position: sticky;がアクティブ時にクラスを追加する

【jQuery】position: sticky;がアクティブ時にクラスを追加する



cssのposition: sticky;で、指定した要素がトップ位置に固定表示された際に、クラスを付けたいと思いましたので、その方法です。

以下のBootstrapデモでは、h3要素に対してsticky-topクラスを付加し、それを囲う要素にposition-relativeクラスを付加しています。

この指定により、h3の相対的なy座標は通常時0になりますが、stickyがアクティブになると、0より大きくなります。この時にクラスを付加するようにjQueryで設定します。

今日はここまで

関連する記事



こちらはいかが?


コメントを残す