overscroll-fixed-iframe-overscroll.html (1176B)
1 <!DOCTYPE html> 2 <html 3 reftest-async-scroll 4 reftest-displayport-x="0" reftest-displayport-y="0" 5 reftest-displayport-w="800" reftest-displayport-h="2000"> 6 <head> 7 <style> 8 html { 9 scrollbar-width: none; 10 } 11 body { 12 height: 3000px; 13 margin: 0px; 14 padding: 0px; 15 border: 0px; 16 } 17 iframe { 18 width: 100%; 19 height: 100%; 20 margin: 0px; 21 padding: 0px; 22 border: 0px; 23 display: block; 24 } 25 </style> 26 </head> 27 <body > 28 <!-- Test that an overscroll past one end of a iframe does not 29 cause the fixed item in the iframe to participate in the 30 transform. 31 --> 32 <iframe src="data:text/html, 33 <!DOCTYPE HTML> 34 <html reftest-displayport-x='0' reftest-displayport-y='0' 35 reftest-displayport-w='800' reftest-displayport-h='2000' 36 reftest-async-scroll-x='0' reftest-async-scroll-y='-200' 37 style='scrollbar-width:none'> 38 <body style='padding: 0; margin: 0; border: 0'> 39 <div style='position: fixed; padding: 0; margin: 0; border: 0; background: green; width: 200px; height: 200px'> 40 </div> 41 </body> 42 </html> 43 "> 44 </iframe> 45 </body> 46 </html>