position-sticky-bug1434250.html (691B)
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="50"> 6 <head> 7 <meta charset='utf-8'> 8 <style type="text/css" media="all"> 9 html { 10 scrollbar-width: none; 11 } 12 .container { 13 width: 500px; 14 background: #fcc; 15 height: 2000px; 16 } 17 .header { 18 position: sticky; 19 top: 0px; 20 background: #cfc; 21 height: 50px; 22 } 23 </style> 24 </head> 25 <body> 26 <div class='container'> 27 <div class='header'></div> 28 </div> 29 </body> 30 </html>