fixed-pos-scrollable-1.html (967B)
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="80" 6 style="scrollbar-width: none"> 7 <meta name="viewport" content="width=device-width"> 8 <body style="height: 5000px"> 9 <!-- In this test the fixed-position element is a child of the scrollable layer, but 10 gets a clip rect because it is itself a container for scrolling sublayers. This 11 tests that such a layer is transformed correctly while an async scroll transform 12 is in effect. --> 13 <div style="display: block; margin-top: 100px; position:fixed; overflow:scroll; top: 0px; width: 50px; height: 100px"><div style="height:200px; background-color: red"></div></div> 14 <div style="display: block; margin-top: 100px; position:relative; left: 50px; width: 50px; height: 100px; background-color: red"></div> 15 </body> 16 </html>