third_party/WebKit/LayoutTests/fast/events/panScroll-click.html

   1 <html>
   2 <head>
   3 <style type="text/css">
   4 #scrollable {
   5     height: 200px;
   6     overflow: auto;
   7     border: solid 3px #cc0000;
   8     font-size: 80px;
   9 }
  10 </style>
  11 <script src="../../resources/js-test.js"></script>
  12 <script src="./resources/panScroll.js"></script>
  13 <script>
  14 function start()
  15 {
  16     description('Check pan scroll by click mouse');
  17     testPanScroll({
  18         'clickOrDrag': 'click',
  19         'scrollable': $('scrollable'),
  20     });
  21 }
  22 </script>
  23 </head>
  24 <body onload="start()">
  25 <div id="container">
  26 <p id="description"></p>
  27 For manual testing, hold middle button in scrollable and move aroudn mouse pointer for scrolling, then release middle button to stop scrolling.
  28 <div id="scrollable"></div>
  29 </div>
  30 <div id="console"></div>
  31 </body>
  32 </html>