third_party/WebKit/LayoutTests/fast/scrolling/overlay-scrollbars.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 html, body {
   6     margin: 0;
   7     padding: 0;
   8 }
   9 .container {
  10     width: 100px;
  11     height: 100px;
  12     overflow: auto;
  13     background-color: lime;
  14 }
  15 .box {
  16     width: 500px;
  17     height: 500px;
  18 }
  19 </style>
  20 <script>
  21 if (window.internals) {
  22     testRunner.dumpAsTextWithPixelResults();
  23     internals.settings.setOverlayScrollbarsEnabled(true);
  24     internals.settings.setMockScrollbarsEnabled(true);
  25 }
  26 </script>
  27 </head>
  28 <body>
  29 <p>You should see first 2 green boxes with overlay scrollbars.
  30 The second box should have a scrollbar on the left.
  31 Remaining 2 green boxes should appear without overlay scrollbars.
  32 </p>
  33
  34 <div class="container"><div class="box"></div></div>
  35 <div dir="rtl" class="container"><div class="box"></div></div>
  36
  37 <div class="container" style="overflow: scroll"></div>
  38 <div dir="rtl" class="container" style="overflow: scroll"></div>
  39 </body>
  40 </html>