【CSS】超簡単！スクロールしても背景画像が固定されたままにする方法【プログラミング】

デモサイト まずは、デモサイトをご覧ください。 出典：coils (https://coliss.com/articles/build-websites/operation/css/css-alternate-fixed-scroll-backgrounds-by-codyhouse.html) ページをスクロールしても背景画像が固定されているのが分かると思います。 では、さっそく実装する方法を解説していきます！ スクロールしても背景画像が固定されたままにする方法 HTMLとCSSだけで実装できます。 HTML HTMLのソースコードは以下の通りです。 <div class="fixed-background background-1"> <h1>見出し</h1> </div> <div class="scroll-background background-color-1"> <p>コン

[ar0]

“なので、上のソースコードでは、背景画像を固定するセクションに「background-attachment: fixed;」を指定しています。以上です！ ”