sticky-anchor-position-invalid-ref.html (467B)
1 <!DOCTYPE html> 2 <title>Anchor queries in sticky positioning is invalid</title> 3 <style> 4 #scroll-container { 5 width: 200px; 6 height: 200px; 7 overflow-y: scroll; 8 } 9 10 #scroller { 11 height: 400px; 12 } 13 14 #sticky { 15 position: sticky; 16 height: 150px; 17 background: green; 18 top: 42px; 19 } 20 </style> 21 <div id="scroll-container"> 22 <div id="scroller"> 23 <div id="sticky"> 24 </div> 25 </div> 26 </div> 27 <script> 28 document.getElementById("scroll-container").scrollTop = 50; 29 </script>