bg_scroll.html (698B)
1 +++ 2 date = '2026-03-21T13:46:00+09:00' 3 draft = true 4 title = 'BG Scroll' 5 +++ 6 <head> 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width,initial-scale=1"> 9 <title>BG Scroll</title> 10 <style> 11 body { 12 margin: 0; 13 } 14 #initial-page { 15 height: 100vh; 16 background-color: #eaffea; 17 text-align: center; 18 align-content: center; 19 } 20 #bg { 21 position: fixed; 22 left: 0; 23 top: 50%; 24 width: 100%; 25 object-fit: fill; 26 z-index: -1; 27 } 28 #gap { 29 height: 400px; 30 } 31 #bottom-page { 32 height: 100vh; 33 background-color: #eaeaff; 34 } 35 </style> 36 </head> 37 <body> 38 <div id="initial-page"> 39 scroll down 40 </div> 41 <img id="bg" src="bg_scroll.svg" alt="bg svg"> 42 <div id="gap"> 43 </div> 44 <div id="bottom-page"> 45 </div> 46 </body>