anchor-scroll-update-006-ref.html (601B)
1 <!DOCTYPE html> 2 <style> 3 #cb { 4 position: absolute; 5 inset: 0; 6 } 7 #scroller { 8 margin-top: 300px; 9 overflow-y: scroll; 10 height: 100px; 11 } 12 #spacer { height: 300px; } 13 #anchor { anchor-name: --a; } 14 #anchored { 15 position: absolute; 16 width: 100px; 17 height: 100px; 18 background-color: green; 19 top: 100px; 20 left: 0; 21 } 22 </style> 23 <div id="cb"> 24 <div id="scroller"> 25 <div id="anchor"></div> 26 <div id="spacer"></div> 27 </div> 28 <div id="anchored"></div> 29 </div> 30 <script> 31 const scroller = document.getElementById('scroller'); 32 scroller.scrollTop = 200; 33 </script>