scroll-padding-on-anchor.html (566B)
1 <!-- 2 This reftest is a test case that scroll-padding value is propery 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 { 8 overflow: hidden; 9 scroll-padding: 100px; 10 } 11 body { 12 margin: 0px; 13 padding: 0px; 14 } 15 .spacer { 16 height: 2000px; 17 width: 100%; 18 padding: 0px; 19 margin: 0px; 20 } 21 #target { 22 background-color: blue; 23 width: 100%; 24 height: 100px; 25 padding: 0px; 26 margin: 0px; 27 } 28 </style> 29 <div class="spacer"></div> 30 <div id="target"></div> 31 <div class="spacer"></div>