| <html> |
| <head> |
| <style type="text/css"> |
| #scrollable { |
| height: 200px; |
| overflow: auto; |
| border: solid 3px #cc0000; |
| font-size: 80px; |
| } |
| </style> |
| <script src="../../resources/js-test.js"></script> |
| <script src="./resources/middleClickAutoscroll.js"></script> |
| <script> |
| function start() |
| { |
| description('Check pan scroll by drag mouse'); |
| testPanScroll({ |
| 'clickOrDrag': 'drag', |
| 'scrollable': $('scrollable'), |
| }); |
| } |
| </script> |
| </head> |
| <body onload="start()"> |
| <div id="container"> |
| <p id="description"></p> |
| For manual testing, hold middle button in scrollable and move aroudn mouse pointer for scrolling, then release middle button to stop scrolling. |
| <div id="scrollable"></div> |
| </div> |
| <div id="console"></div> |
| </body> |
| </html> |
