scroll-snap-root-001-ref.html (402B)
1 <!DOCTYPE html> 2 <html> 3 <title>CSS Scroll Snap Reference</title> 4 <style> 5 html, body { margin: 0; padding: 0; } 6 7 :root { 8 overflow: hidden; /* hide scrollbars for reftest analysis */ 9 } 10 11 #target { 12 position: absolute; 13 top: 25%; 14 width: 100%; 15 margin: 25vh 0; 16 border-top: solid blue; 17 } 18 </style> 19 20 <div id="target"> 21 <div>Test passes if the blue line above is centered in the viewport.</div> 22 </div>