CSSで背景画像を固定させて別の要素をスクロールした時に背景画像を切り替える｜アド･エータイプ スタッフブログCSSで背景画像をブラウザのサイズ全体に固定させて表示させることができます。 そこで今回はスクロールした際に別の要素を間に入れて背景画像を切り替えてみました。 文章だとなかなか伝えるのが難しいですね。 サンプルを作成したので、使用方法を下記に記載します。 スクロール時に背景画像を切り替える 背景画像に使用する画像を複数用意します。 ※例では2つの画像を用意しています。 HTML 背景画像で使用する要素とスクロールさせる要素を交互に記述します。 <body> <div class="bg_fixed1"></div> <div class="scroll"></div> <div class="bg_fixed2"></div> <div class="scroll"></div> </body>
