position-visibility-anchors-visible-change-anchor-ref.html (505B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <style> 4 #scroll-container { 5 overflow: hidden scroll; 6 width: 300px; 7 height: 100px; 8 } 9 #anchor { 10 width: 100px; 11 height: 200px; 12 background: orange; 13 } 14 #target { 15 width: 100px; 16 height: 100px; 17 background: green; 18 } 19 </style> 20 21 <div id="scroll-container"> 22 <div id="anchor"></div> 23 </div> 24 <div id="target">target</div> 25 26 <script> 27 const scroller = document.getElementById('scroll-container'); 28 scroller.scrollTop = 100; 29 </script>