third_party/WebKit/LayoutTests/compositing/squashing/overflow-scroll-grandchildren-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3   #container {
   4     width: 300px;
   5     height: 300px;
   6     border: 1px solid black;
   7     overflow: scroll;
   8   }
   9
  10   #overlapper {
  11     position: fixed;
  12     background-color: red;
  13     width: 50px;
  14     height: 200px;
  15     left: 20px;
  16     top: 20px;
  17   }
  18
  19   #subcontainer {
  20     height: 500px
  21   }
  22
  23   .child {
  24     position: relative;
  25     top: 5px;
  26     left: 5px;
  27     background-color: green;
  28     height: 35px;
  29     width: 35px;
  30     margin: 50px;
  31   }
  32
  33   .grandchild {
  34     position: relative;
  35     top: 5px;
  36     left: 5px;
  37     background-color: blue;
  38     height: 10px;
  39     width: 10px;
  40   }
  41 </style>
  42
  43 <div id="overlapper"></div>
  44 <div id="container">
  45   <div id="subcontainer">
  46     <div class="child">
  47       <div class="grandchild"></div>
  48     </div>
  49     <div class="child">
  50       <div class="grandchild"></div>
  51     </div>
  52   </div>
  53 </div>
  54 <script>
  55 var container = document.getElementById("container");
  56 container.scrollTop = 65;
  57 </script>