layout/reftests/async-scrolling/position-fixed-async-zoom-4.html

   1 <!DOCTYPE html>
   2 <html reftest-async-scroll
   3       reftest-displayport-x="0" reftest-displayport-y="0"
   4       reftest-displayport-w="800" reftest-displayport-h="1000"
   5       reftest-async-zoom="2.0">
   6 <head>
   7   <style>
   8     html {
   9       scrollbar-width: none;
  10     }
  11     body {
  12       height: 3000px;
  13       margin: 0;
  14     }
  15     div {
  16       position: fixed;
  17       height: 100px;
  18       width: 100px;
  19     }
  20     div.top-left {
  21       top: 20px;
  22       left: 20px;
  23       background: red;
  24     }
  25     div.top-right {
  26       top: 20px;
  27       right: 20px;
  28       background: blue;
  29     }
  30     div.bottom-left {
  31       bottom: 20px;
  32       left: 20px;
  33       background: green;
  34     }
  35     div.bottom-right {
  36       bottom: 20px;
  37       right: 20px;
  38       background: purple;
  39     }
  40   </style>
  41 </head>
  42 <body>
  43   <div class="top-left"></div>
  44   <div class="top-right"></div>
  45   <div class="bottom-left"></div>
  46   <div class="bottom-right"></div>
  47 </body>
  48 </html>