anchor-scope-scroll-ref.html (501B)
1 <!DOCTYPE html> 2 <title>CSS Anchor Positioning: scroll transforms respect anchor-scope (ref)</title> 3 <style> 4 #scroller { 5 width: 200px; 6 height: 200px; 7 border: 1px solid black; 8 position: relative; 9 } 10 11 #item { 12 height: 50px; 13 background: lightgray; 14 } 15 16 #anchored { 17 position: absolute; 18 background: skyblue; 19 right: 0px; 20 width: 50px; 21 height: 50px; 22 } 23 24 .spacer { 25 height: 100px; 26 } 27 </style> 28 <div id=scroller> 29 <div class=spacer></div> 30 <div id=item> 31 <b id=anchored></b> 32 </div> 33 </div>