特定のSectionで背景色変化
目次
概要
特定のSectionまでスクロールしたら背景色が変化
Point
スクロールの途中から背景色を変化させサイトのイメージ変化。
下記、コピペでイメージ確認可能。
各種設定
1.HTML
背景色を変化させたいSectionにClass「bg-color」を設定。
2.css
bodyに「transition」を記載することで、removeClassで「is_active」が外れたた時にゆっくり色が変化させる。
3.jQuery
条件分岐で特定Sectionに入ったとき、出た時で変化を繰り返すように設定。