position-try-switch-to-fixed-anchor-ref.html (550B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <style> 4 body { 5 width: 150vw; 6 height: 150vh; 7 } 8 .anchor { 9 width: 50px; 10 height: 50px; 11 background: orange; 12 } 13 #anchor1 { 14 position: absolute; 15 top: 100px; 16 left: 350px; 17 } 18 #anchor2 { 19 position:fixed; 20 right: 0; 21 bottom: 0; 22 } 23 #anchored { 24 position: fixed; 25 right: 50px; 26 bottom: 50px; 27 width: 50px; 28 height: 50px; 29 background: blue; 30 } 31 </style> 32 <div class="anchor" id="anchor1"></div> 33 <div class="anchor" id="anchor2"></div> 34 <div id="anchored"></div> 35 <script> 36 window.scrollTo(250, 100); 37 </script>