transformed-element-scroll-transform-ref.html (976B)
1 <!DOCTYPE html> 2 <html style="reftest-wait"> 3 <head> 4 <style> 5 #target { 6 width: 100px; 7 height: 100px; 8 background: green; 9 margin: 300px; 10 } 11 </style> 12 </head> 13 <body> 14 <div id="target"></div> 15 <div style="height: 1000px"></div> 16 <script> 17 function scrollBy(y) { 18 return new Promise(resolve => { 19 addEventListener("scroll", () => { 20 requestAnimationFrame(() => { 21 requestAnimationFrame(resolve); 22 }); 23 }, { once: true, capture: true }); 24 document.documentElement.scrollBy({ 25 top: y, 26 behavior: "instant" 27 }); 28 }); 29 } 30 addEventListener("load", async () => { 31 await scrollBy(200); 32 document.documentElement.classList.remove("reftest-wait"); 33 }); 34 </script> 35 </body> 36 </html>