scroller-child-ref.html (617B)
1 <!DOCTYPE html> 2 <title>View transitions: scroller child element (ref)</title> 3 <link rel="help" href="https://www.w3.org/TR/css-view-transitions-1/"> 4 <link rel="author" href="mailto:vmpstr@chromium.org"> 5 6 <style> 7 #target { 8 width: 500px; 9 height: 500px; 10 background: yellow; 11 } 12 #scroller { 13 overflow: scroll; 14 width: 100px; 15 height: 100px; 16 background: blue; 17 } 18 19 #child { 20 position: relative; 21 width: 2000px; 22 height: 2000px; 23 background: green; 24 } 25 </style> 26 27 <div id="target"> 28 <div id="scroller"> 29 <div id="child"></div> 30 </div> 31 </div> 32 33 <script> 34 onload = () => { scroller.scrollTop = 300; }; 35 </script>