sticky-inside-fixed-1.html (874B)
1 <!DOCTYPE html> 2 <html reftest-async-scroll> 3 <head> 4 <title>Testcase for Bug 1501342</title> 5 <style> 6 .panel { 7 height:100%; 8 overflow:hidden; 9 position:fixed; 10 right:0; 11 } 12 .scrollable { 13 height:100%; 14 overflow-y: scroll; 15 scrollbar-width: none; 16 } 17 .sticky { 18 position:sticky; 19 top:0; 20 height: 50px; 21 width: 100px; 22 background: red; 23 } 24 .content { 25 height:2000px; 26 width:200px; 27 background:green; 28 } 29 </style> 30 </head> 31 <body> 32 <div class="panel"> 33 <div class="scrollable" 34 reftest-displayport-x="0" reftest-displayport-y="0" 35 reftest-displayport-w="800" reftest-displayport-h="2000" 36 reftest-async-scroll-x="0" reftest-async-scroll-y="50"> 37 <div class="sticky"></div> 38 <div class="content"></div> 39 </div> 40 </div> 41 </body> 42 </html>