スクロールすると背景色が変わるようにしたい

[mnfdann1]

about,product,flowそれぞれ3つのセクションを作成しました。

添付した画像のようにスクロールすると背景がそれぞれ変わっていく(動きがある感じ？)＋グラデーションの同時の実装は可能でしょうか？

調べていたのですが参考のサイト等があまりないので教えていただいたいです。

flow

[Jizo_Inagaki]

詳細を把握しかねていますがスクロールに応じて要素を操作するということなら、以下のようなJavascriptを利用することになるかなと思います。

• Intersection Observer API( https://developer.mozilla.org/ja/docs/Web/API/Intersection_Observer_API )
• scrollTop ( https://developer.mozilla.org/ja/docs/Web/API/Element/scrollTop )
• 何らかのライブラリ( lax.jsなど )

スクロール連動に関してはGoogle検索などで具体的なサンプルがいくつも見つかると思いますので、上記以外の手段も含めて実装方法は調査いただければと思います。

以上ですが、JSやliquidの読み書きができない場合はパートナーやエキスパートに依頼されることをお勧めします。

[mnfdann1]

返信遅くなり申し訳ございません。ご回答ありがとうございます。参考にさせていただきます。