scroll-margin-on-anchor.html (561B)
1 <!-- 2 This reftest is a test case that scroll-margin value is properly handled when 3 navigating an anchor node, id="target" in this case, so the content scrolls 4 to the target element on loading. 5 --> 6 <style> 7 html,body { 8 overflow: hidden; 9 margin: 0px; 10 padding: 0px; 11 } 12 .spacer { 13 height: 2000px; 14 width: 100%; 15 padding: 0px; 16 margin: 0px; 17 } 18 #target { 19 background-color: blue; 20 width: 100%; 21 height: 100px; 22 padding: 0px; 23 margin: 0px; 24 scroll-margin: 100px; 25 } 26 </style> 27 <div class="spacer"></div> 28 <div id="target"></div> 29 <div class="spacer"></div>