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