layout/reftests/css-scroll-snap/scroll-margin-on-anchor.html

   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>