layout/reftests/async-scrolling/fixed-pos-scrollable-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="2000"
   5       reftest-async-scroll-x="0" reftest-async-scroll-y="80"
   6       style="scrollbar-width: none">
   7 <meta name="viewport" content="width=device-width">
   8 <body style="height: 5000px">
   9   <!-- In this test the fixed-position element is a child of the scrollable layer, but
  10        gets a clip rect because it is itself a container for scrolling sublayers. This
  11        tests that such a layer is transformed correctly while an async scroll transform
  12        is in effect. -->
  13   <div style="display: block; margin-top: 100px; position:fixed; overflow:scroll; top: 0px; width: 50px; height: 100px"><div style="height:200px; background-color: red"></div></div>
  14   <div style="display: block; margin-top: 100px; position:relative; left: 50px; width: 50px; height: 100px; background-color: red"></div>
  15 </body>
  16 </html>