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

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