position-visibility-no-overflow-scroll-ref.html (648B)
1 <!DOCTYPE html> 2 <style> 3 #scroll-container { 4 overflow: hidden scroll; 5 scrollbar-width: none; 6 width: 400px; 7 height: 150px; 8 } 9 10 .anchor { 11 width: 100px; 12 height: 100px; 13 background: orange; 14 display: inline-block; 15 } 16 17 .target { 18 width: 100px; 19 height: 100px; 20 } 21 </style> 22 23 <div id="scroll-container"> 24 <div class="anchor">anchor1</div> 25 <div class="anchor" style="position: relative; top: 100px">anchor2</div> 26 <div id="target1" class="target" style="background: green">target1</div> 27 <div style="height: 200px"></div> 28 </div> 29 <script> 30 document.getElementById('scroll-container').scrollTop = 50; 31 </script>