sticky-pos-scrollable-5.html (901B)
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="150"> 8 <!-- In this test the position:sticky element has already been adjusted by 9 the main thread paint, and then clamped by the bounding container. The 10 async scroll causes a reduction in that adjustment, but by less than 11 the amount of the scroll (because of the clamping). --> 12 <div style="height: 500px; margin-top: 250px; margin-bottom: 250px"> 13 <div style="width: 100px; height: 300px"></div> 14 <div style="position:sticky; width: 100px; height: 100px; bottom: 50px; background-color: green"></div> 15 </div> 16 </div>