overscroll-fixed-iframe.html (1570B)
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 reftest-async-scroll-x="0" reftest-async-scroll-y="-200"> 7 <head> 8 <style> 9 html { 10 scrollbar-width: none; 11 } 12 body { 13 height: 3000px; 14 margin: 0px; 15 padding: 0px; 16 border: 0px; 17 } 18 iframe { 19 width: 100%; 20 height: 100%; 21 margin: 0px; 22 padding: 0px; 23 border: 0px; 24 display: block; 25 } 26 </style> 27 </head> 28 <body > 29 <!-- Test that an overscroll past one end of a viewport is 30 rendered as having the content create a gutter, and that 31 the overscroll is reduced by some factor such that 32 a 100px scroll must produce a rendered translation of less than 33 100px. 34 35 Current overscroll physics mean that an instantaneous overscroll 36 by 200px produces an 8px gutter. This is governed by the logic in 37 Axis::ApplyResistance(); if that logic is changed, this test will 38 need to be modified to account for the new result. 39 --> 40 <iframe src="data:text/html, 41 <!DOCTYPE HTML> 42 <html reftest-displayport-x='0' reftest-displayport-y='0' 43 reftest-displayport-w='800' reftest-displayport-h='2000' 44 style='scrollbar-width:none'> 45 <body style='padding: 0; margin: 0; border: 0'> 46 <div style='position: fixed; padding: 0; margin: 0; border: 0; background: green; width: 200px; height: 200px'> 47 </div> 48 </body> 49 </html> 50 "> 51 </iframe> 52 </body> 53 </html>