sticky-inside-fixed-1-ref.html (656B)
1 <!DOCTYPE html> 2 <html> 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:hidden; 15 } 16 .sticky { 17 position:sticky; 18 top:0; 19 height: 50px; 20 width: 100px; 21 background: red; 22 } 23 .content { 24 margin-top: -50px; 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 <div class="sticky"></div> 35 <div class="content"></div> 36 </div> 37 </div> 38 </body> 39 </html>