overscroll-fixed-transform.html (1308B)
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: 0; 15 } 16 div.container { 17 overflow: scroll; 18 width: 100%; 19 height: 100%; 20 transform: translate(0px); 21 scrollbar-width: none; 22 } 23 div.fixed { 24 position: fixed; 25 top: 0px; 26 width: 200px; 27 height: 200px; 28 background: green; 29 } 30 </style> 31 </head> 32 <body > 33 <!-- Test that an overscroll past one end of a transformed container is 34 rendered as having the content create a gutter, and that 35 the overscroll is reduced by some factor such that 36 a 100px scroll must produce a rendered translation of less than 37 100px. 38 39 Current overscroll physics mean that an instantaneous overscroll 40 by 200px produces an 8px gutter. This is governed by the logic in 41 Axis::ApplyResistance(); if that logic is changed, this test will 42 need to be modified to account for the new result. 43 --> 44 <div class="container"> 45 <div class="fixed"> 46 </div> 47 </div> 48 </body> 49 </html>