position-sticky-in-checkerboard-land-1-ref.html (440B)
1 <!DOCTYPE html> 2 <html> 3 4 <title>reference for: position:sticky item that's still visible while the rest of the scrollframe contents are checkerboarded</title> 5 6 <style> 7 html { 8 scrollbar-width: none; 9 } 10 11 body { 12 margin: 0; 13 height: 4000px; 14 } 15 16 #fixed { 17 position: fixed; 18 top: 0; 19 height: 100px; 20 width: 100%; 21 background-color: green; 22 } 23 24 </style> 25 26 <div id="fixed"></div> 27 28 <script> 29 document.scrollingElement.scrollTop = 2500; 30 </script>