LayoutTests/compositing/scrolling/fixed-inside-scroll-expected.html

   1 <!DOCTYPE html> <!-- webkit-test-runner [ AsyncOverflowScrollingEnabled=true ] -->
   2 <html>
   3 <head>
   4   <style>
   5     html {
   6       -webkit-overflow-scrolling: touch;
   7     }
   8
   9     .scroller {
  10         height: 500px;
  11         width: 300px;
  12         margin: 50px;
  13         border: 25px solid gray;
  14         padding: 10px;
  15         overflow: scroll;
  16         box-shadow: 0 0 30px black;
  17     }
  18
  19     .contents {
  20         width: 400px;
  21         height: 2000px;
  22     }
  23
  24     .fixed {
  25         position: absolute;
  26         background-color: green;
  27         left: 70px;
  28         top: 70px;
  29         height: 200px;
  30         width: 200px;
  31     }
  32
  33     .indicator {
  34         position: absolute;
  35         left: 70px;
  36         top: 70px;
  37         height: 200px;
  38         width: 200px;
  39         background-color: red;
  40     }
  41   </style>
  42 </head>
  43 <body>
  44     <div class="indicator"></div>
  45     <div id="scroller" class="scroller">
  46         <div class="contents">
  47             <div class="fixed box"></div>
  48         </div>
  49     </div>
  50 </body>
  51 </html>