sticky-pos-scrollable-4.html (721B)
1 <!DOCTYPE HTML> 2 <html reftest-async-scroll> 3 <body> 4 <div style="width:400px; height:300px; overflow:scroll; scrollbar-width:none; border:2px solid black" 5 reftest-displayport-x="0" reftest-displayport-y="0" 6 reftest-displayport-w="800" reftest-displayport-h="2000" 7 reftest-async-scroll-x="0" reftest-async-scroll-y="100"> 8 <!-- In this test the position:sticky element has already been adjusted by 9 the main thread paint, and the async scroll causes a reduction in that 10 adjustment. --> 11 <div style="height: 1000px"></div> 12 <div style="position:sticky; width: 100px; height: 100px; bottom: 50px; background-color: green"></div> 13 <div style="height: 1000px"></div> 14 </div>