スクロールでWebページの背景カラーをフェードしながら変化させる方法

現在開発中の新しい WordPress テーマの機能として、ページを下方にスクロールすると背景カラーが徐々に変化するギミックを考えてみたので、ご紹介します。 最終目標 現在指定されているページの背景カラーを元にして、ページをスクロールすることで背景カラーを徐々に変化させる。 CSS のみで実現する方法 要件から少しはずれますが、まずは CSS のみで簡単に実現する方法をご紹介します。CSS のみで実現するには、ページの背景要素に CSS グラデーション(linear-gradient)を指定するのみです。めちゃくちゃ単純です。。 サンプル See the Pen Change Background Color by Scrollin…