helper_scroll_tables_perspective.html (1493B)
1 <!DOCTYPE html> 2 <head> 3 <script type="application/javascript" src="apz_test_native_event_utils.js"></script> 4 <script type="application/javascript" src="apz_test_utils.js"></script> 5 <script src="/tests/SimpleTest/paint_listener.js"></script> 6 <script type="application/javascript"> 7 async function test() { 8 var subframe = document.getElementById("content-wrapper"); 9 10 // scroll over the middle of the subframe, to make sure it scrolls, 11 // not the page 12 var scrollPos = subframe.scrollTop; 13 await promiseMoveMouseAndScrollWheelOver(subframe, 100, 100); 14 ok(subframe.scrollTop > scrollPos, "subframe scrolled after wheeling over it"); 15 } 16 17 waitUntilApzStable() 18 .then(test) 19 .then(subtestDone, subtestFailed); 20 21 </script> 22 <style> 23 html { 24 perspective:1000px; 25 overflow: hidden; 26 } 27 #fullscreen-wrapper { 28 display:table; 29 visibility:hidden; 30 width:100%; 31 height:100%; 32 position:fixed; 33 top:0; 34 left:0; 35 overflow:hidden; 36 z-index:9999; 37 perspective:1000px; 38 } 39 #content-wrapper { 40 overflow-y:auto; 41 height: 100vh; 42 } 43 #content-content { 44 min-height: 10000px; 45 } 46 </style> 47 </head> 48 <body> 49 <div id="fullscreen-wrapper"> 50 <div></div> 51 </div> 52 <div id="content-wrapper"> 53 <div id="content-content"> 54 A<br> 55 B<br> 56 C<br> 57 D<br> 58 E<br> 59 f<br> 60 g<br> 61 h<br> 62 i<br> 63 j<br> 64 </div> 65 </div> 66 </body>