scroller-ref.html (513B)
1 <!DOCTYPE html> 2 <title>View transitions: scroller 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 #scroller { 8 overflow: scroll; 9 width: 100px; 10 height: 100px; 11 background: blue; 12 } 13 14 #child { 15 position: relative; 16 width: 1000px; 17 height: 1000px; 18 background: green; 19 } 20 </style> 21 22 <div id="scroller"> 23 <div id="child"></div> 24 </div> 25 26 <script> 27 onload = () => { scroller.scrollTop = 300; }; 28 </script>