scroll-snap-root-002-ref.html (418B)
1 <!DOCTYPE html> 2 <html> 3 <title>CSS Scroll Snap Reference</title> 4 5 <style type='text/css'> 6 html, body { margin: 0; padding: 0; } 7 8 #target { 9 border-bottom: solid orange thick; 10 position: absolute; 11 bottom: 0; 12 width: 100%; 13 height: 20px; /* Avoid subpixel sizes depending on fonts */ 14 } 15 </style> 16 17 <div id="target"> 18 <div>Test passes if the orange stripe below is exactly at the bottom of the viewport.</div> 19 </div>