gfx/tests/reftest/1451168-ref.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style type="text/css">
   5 html {
   6     height:100%;
   7     margin:0;
   8     padding: 0;
   9 }
  10 body {
  11     height:100%;
  12     margin: 0;
  13     padding: 0;
  14     overflow:hidden;
  15     position:relative;
  16     left:0;
  17 }
  18 nav {
  19     display:block;
  20     position:absolute;
  21     top:0;
  22     left:0;
  23     bottom:auto;
  24     width:280px;
  25     height:100%;
  26     z-index:1000;
  27 }
  28
  29 .nav-menu-inner-container {
  30     position:relative;
  31     height:100%;
  32 }
  33
  34 .nav-menu-scroll-pane {
  35     bottom:100px;
  36     overflow-y:scroll;
  37     position:absolute;
  38     top:0;
  39     width:254px
  40 }
  41   </style>
  42 </head>
  43
  44 <body>
  45 <nav class="moz-global-nav-drawer">
  46   <div class="nav-menu-inner-container">
  47     <div class="nav-menu-scroll-pane">
  48       <div style="height: 5000px">
  49         Scroll here and look for the scrollbar
  50       </div>
  51     </div>
  52   </div>
  53 </nav>
  54 </body></html>