sticky-pos-scrollable-7.html (872B)
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="100"> 6 <style> 7 html { 8 scrollbar-width: none; 9 } 10 #section { 11 padding-top: 1px; 12 transform: translateX(1px); 13 } 14 #header { 15 position: sticky; 16 top: 0; 17 } 18 #header > div { 19 margin-top: -50px; 20 border-radius: 10px; 21 overflow:hidden; 22 height: 100px; 23 width: 100px; 24 } 25 #spacer { 26 height: 1500px; 27 } 28 #inner { 29 width: 200px; 30 height: 200px; 31 background-color:green; 32 } 33 </style> 34 <div id="section"> 35 <div id="header"> 36 <div> 37 <div id="inner"></div> 38 </div> 39 </div> 40 <div id="spacer"></div> 41 </div> 42 </html>