anchor-scroll-chained-fallback-ref.html (547B)
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 width: 300px; 15 height: 300px; 16 } 17 18 #anchor { 19 background: orange; 20 margin: 250px 0; 21 } 22 23 #anchored1 { 24 position: absolute; 25 background: green; 26 top: 50px; 27 left: 100px; 28 } 29 30 #anchored2 { 31 position: absolute; 32 background: lime; 33 top: 150px; 34 left: 100px; 35 } 36 </style> 37 38 <div id="scroller"> 39 <div id="anchor"></div> 40 </div> 41 <div id="anchored1"></div> 42 <div id="anchored2"></div> 43 44 <script> 45 scroller.scrollTop = 200; 46 </script>