anchor-scroll-position-try-012-ref.html (549B)
1 <!DOCTYPE html> 2 <style> 3 #scroller { 4 width: 400px; 5 height: 400px; 6 overflow-y: scroll; 7 } 8 9 .box { 10 min-height: 100px; 11 width: 100px; 12 } 13 14 #anchor { 15 background: orange; 16 } 17 18 #anchored { 19 width: 100px; 20 height: 100px; 21 background: green; 22 } 23 </style> 24 25 <div id="scroller"> 26 <div class="box"></div> 27 <div class="box"></div> 28 <div class="box"></div> 29 <div class="box" id="anchor"></div> 30 <div id="anchored"></div> 31 <div class="box"></div> 32 <div class="box"></div> 33 <div class="box"></div> 34 </div> 35 36 <script> 37 scroller.scrollTop = 250; 38 </script>