third_party/WebKit/LayoutTests/fast/css/sticky/sticky-as-positioning-container.html

   1 <!DOCTYPE html>
   2 <script>
   3 if (window.internals) {
   4     internals.settings.setCSSStickyPositionEnabled(true);
   5 }
   6 </script>
   7 <style type="text/css">
   8 div {
   9     height: 100px;
  10     width: 100px;
  11 }
  12 .spacer {
  13     background-color: red;
  14 }
  15 .sticky {
  16     background-color: green;
  17     position: sticky;
  18 }
  19 .absoffset {
  20     background-color: green;
  21     position: absolute;
  22     top: -100px;
  23 }
  24 </style>
  25 <div class="spacer"></div>
  26 <div class="sticky">
  27     <!--
  28     Tests that the absolute positioned child is positioned relative to the sticky container. You should see only a
  29     green box as this will cover up the red box above the sticky div.
  30     -->
  31     <div class="absoffset"></div>
  32 </div>