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