tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

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>