layout/reftests/async-scrolling/position-fixed-async-zoom-1.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-scroll-x="0" reftest-async-scroll-y="50"
   6       reftest-async-zoom="2.0">
   7 <head>
   8   <style>
   9     html {
  10       scrollbar-width: none;
  11     }
  12     body {
  13       height: 3000px;
  14       margin: 0;
  15     }
  16     div {
  17       position: fixed;
  18       top: 0;
  19       width: 100px;
  20       height: 100px;
  21       background: green;
  22     }
  23   </style>
  24 </head>
  25 <body>
  26   <!-- Test that position:fixed elements are attached to the layout viewport
  27        instead of the visual viewport.
  28
  29        An async scroll of 50 CSS pixels will scroll the visual viewport by 100
  30        screen pixels (since async zoom is set to 2.0) and result in the top
  31        half of the div being scrolled out of view. -->
  32   <div></div>
  33 </body>
  34 </html>