third_party/WebKit/LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html

   1 <!DOCTYPE HTML>
   2 <style>
   3 ::-webkit-scrollbar {
   4     width: 10px;
   5     height: 10px;
   6 }
   7 ::-webkit-scrollbar-track {
   8     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   9     -webkit-border-radius: 10px;
  10     border-radius: 10px;
  11 }
  12 ::-webkit-scrollbar-thumb {
  13     -webkit-border-radius: 1px;
  14     background: rgba(255,0,0,0.8);
  15     -webkit-box-shadow: inset 0 0 1px rgba(255,250,0,0.5);
  16 }
  17 #space {
  18     width: 1000px;
  19     height: 1000px;
  20 }
  21 html {
  22     overflow: scroll;
  23 }
  24 </style>
  25 <div id="space"></div>
  26 <script>
  27 var styleElement = document.createElement("style");
  28 var sheet = document.head.appendChild(styleElement).sheet;
  29 document.body.offsetTop;
  30 sheet.insertRule("::-webkit-scrollbar { width: 100px;}", 0);
  31 </script>