layout/reftests/async-scrolling/position-fixed-iframe-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="0"
   6       style="scrollbar-width:none">
   7 <body style="height:3000px; margin:0;">
   8   <!-- Test that position:fixed content stays fixed when we async-scroll -->
   9   <iframe style="border:0; width:400px; height:400px;" src="data:text/html,
  10     <!DOCTYPE HTML>
  11     <html reftest-displayport-x='0' reftest-displayport-y='0'
  12           reftest-displayport-w='800' reftest-displayport-h='2000'
  13           reftest-async-scroll-x='0' reftest-async-scroll-y='50'
  14           style='scrollbar-width:none'>
  15     <body style='height:3000px'>
  16       <div style='position:fixed; background:blue; top:0; left:0; width:200px; height:100px'></div>
  17       <div style='background:red; margin-top:100px; width:100px; height:50px'></div>
  18     </body>
  19     </html>
  20   "></iframe>
  21 </body>
  22 </html>