背景画像は動かさずに、次のセクションがスクロールされる方法(※スマホに対応していません!)
セクションやtextなどに次の要素を記述する
1 |
fixed-bg bg01 |
css
1 2 3 4 5 6 7 8 9 10 |
.fixed-bg { min-height: 100vh; background-attachment: fixed;/*ここで背景画像を固定*/ background-size: cover; background-position: center; } .bg01{ background-image: url(背景画像に設定したいもの); } |
コメントを残す