scrolled-target-position-ref.html (638B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>View Transitions: Scrolled target capture position (ref)</title> 4 <meta name="viewport" content="width=device-width, initial-scale=1"> 5 <script src="/common/reftest-wait.js"></script> 6 7 <style> 8 #target { 9 width: 100px; 10 height: 100px; 11 overflow: scroll; 12 background: lightblue; 13 } 14 #child { 15 width: 50px; 16 height: 75px; 17 background: green; 18 } 19 #content { 20 width: 100px; 21 height: 400px; 22 background: yellow; 23 } 24 </style> 25 26 <div id="target"> 27 <div id="content"><div id=child></div></div> 28 </div> 29 30 <script> 31 onload = () => { 32 target.scrollTop = 25; 33 takeScreenshot(); 34 } 35 </script> 36 37 </html>