sticky-pos-scrollable-3.html (686B)
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 } 13 #header { 14 position: sticky; 15 top: 0; 16 } 17 #header > div { 18 margin-top: -50px; 19 border: solid blue 2px; 20 height: 100px; 21 width: 100px; 22 } 23 #spacer { 24 height: 1500px; 25 } 26 </style> 27 <div id="section"> 28 <div id="header"> 29 <div></div> 30 </div> 31 <div id="spacer"></div> 32 </div> 33 </html>