position-fixed-inside-sticky-3.html (593B)
1 <!DOCTYPE html> 2 <html reftest-async-scroll 3 reftest-displayport-x="0" reftest-displayport-y="0" 4 reftest-displayport-w="800" reftest-displayport-h="2000" 5 reftest-async-scroll-x="0" reftest-async-scroll-y="300"> 6 <style> 7 html { 8 scrollbar-width: none; 9 } 10 body { 11 height: 4000px; 12 margin: 0; 13 } 14 #sticky { 15 position: sticky; 16 top: 0; 17 height: 60px; 18 background-color: blue; 19 } 20 #fixed { 21 position: fixed; 22 top: 0; 23 left: 0; 24 width: 100px; 25 height: 100px; 26 } 27 </style> 28 <body> 29 <div style="height: 200px;"></div> 30 <div id="sticky"> 31 <div id="fixed"></div> 32 </div> 33 </body></html>