LayoutTests/scrollbars/scrollbar-initial-position.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4     <head>
   5         <title>Bug 39284 test case</title>
   6         <script>
   7             if (window.testRunner) {
   8                 testRunner.dumpAsText();
   9                 testRunner.waitUntilDone();
  10             }
  11         </script>
  12         <style type="text/css">
  13             <!--
  14             #container {
  15                 display:block;
  16                 border:1px solid black;
  17                 width:100px;
  18                 height:100px;
  19                 overflow:hidden;
  20                 padding:0px;
  21                 background-color:blue;
  22             }
  23             #container:hover {
  24                 overflow:auto;
  25             }
  26             ::-webkit-scrollbar {
  27                     width: 20px;
  28                     height: 20px;
  29             }
  30             ::-webkit-scrollbar-button:start:decrement,
  31             ::-webkit-scrollbar-button:end:increment  {
  32                 height: 0px;
  33                 display: block;
  34             }
  35
  36             ::-webkit-scrollbar-track-piece  {
  37                 background-color: black;
  38             }
  39
  40             ::-webkit-scrollbar-thumb:vertical {
  41                 background-color: white;
  42             }
  43             -->
  44         </style>
  45     </head>
  46     <body style="margin:0px;">
  47         <div id="container">
  48             <div style="height:200px; width:50px; background-color:red;">
  49             </div>
  50             <div style="height:200px; width:50px; background-color:green;">
  51             </div>
  52         </div>
  53         <script>
  54             var t = document.getElementById("container");
  55             t.scrollTop = t.scrollHeight;
  56             if (window.eventSender) {
  57                 eventSender.mouseMoveTo(50, 50);
  58                 eventSender.mouseMoveTo(250, 250);
  59                 eventSender.mouseMoveTo(50, 50);
  60             }
  61             if (window.testRunner)
  62                 window.testRunner.notifyDone();
  63         </script>
  64     </body>
  65 </html>