anchor-scroll-to-sticky-002-ref.html (419B)
1 <!DOCTYPE html> 2 <style> 3 body { 4 margin: 0; 5 } 6 7 div { 8 width: 100px; 9 height: 100px; 10 } 11 12 #scroller { 13 overflow: scroll; 14 } 15 16 #anchor { 17 height: 20px; 18 background: orange; 19 } 20 21 #anchored { 22 background: green; 23 } 24 25 </style> 26 27 <div id="scroller"> 28 <div style="height: 200px"></div> 29 <div id="anchor"></div> 30 <div id="anchored"></div> 31 <div style="height: 50px"></div> 32 </div> 33 34 <script> 35 scroller.scrollTop = 200; 36 </script>