third_party/WebKit/LayoutTests/scrollbars/custom-scrollbar-adjust-on-inactive-pseudo.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 /* Let's get this party started */
   4 ::-webkit-scrollbar {
   5     width: 12px;
   6     height: 12px;
   7 }
   8
   9 /* Track */
  10 ::-webkit-scrollbar-track {
  11     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  12     -webkit-border-radius: 10px;
  13     border-radius: 10px;
  14 }
  15
  16 /* Handle */
  17 ::-webkit-scrollbar-thumb {
  18     -webkit-border-radius: 10px;
  19     border-radius: 10px;
  20     background: rgba(255,0,0,0.8);
  21     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  22 }
  23 ::-webkit-scrollbar:window-inactive {
  24     width: 150px;
  25     height: 150px;
  26 }
  27 ::-webkit-scrollbar-thumb:window-inactive {
  28     background: rgba(255,0,0,0.4);
  29     -webkit-border-radius: 1px;
  30     -webkit-box-shadow: inset 0 0 1px rgba(255,250,0,0.5);
  31 }
  32 body {
  33     width: 1000px;
  34     height: 1000px;
  35 }
  36
  37 div{
  38     width: 1500px;
  39     height: 1500px;
  40 }
  41 </style>
  42 <body>
  43 <div></div>
  44 </body>
  45 <script>
  46 document.body.offsetTop;
  47 // setWindowIsKey shall set the focus of the window.
  48 if (window.testRunner)
  49     window.testRunner.setWindowIsKey(false);
  50 </script>