third_party/WebKit/LayoutTests/fast/scroll-behavior/overflow-interrupted-scroll.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <style>
   5     #container {
   6       width: 200px;
   7       height: 200px;
   8       overflow: scroll;
   9     }
  10
  11     #content {
  12       width: 7500px;
  13       height: 7500px;
  14       background-color: blue;
  15     }
  16   </style>
  17   <script src="../../resources/testharness.js"></script>
  18   <script src="../../resources/testharnessreport.js"></script>
  19   <script src="resources/scroll-interruption-test.js"></script>
  20   <script type="text/javascript">
  21     function jsScroll(y) {
  22       document.getElementById('container').scrollTo({top: y, behavior: 'smooth'});
  23     }
  24
  25     function doTest() {
  26       const targets = {y_min: 40, y_mid: 3500, y_max: 7000};
  27       const innerPoint = {x: 100, y: 100};
  28       var element = document.getElementById('container');
  29       var scrollInterruptionTest = new SmoothScrollInterruptionTest(element,
  30                                                                     innerPoint,
  31                                                                     targets,
  32                                                                     jsScroll);
  33       scrollInterruptionTest.run();
  34     }
  35
  36     window.addEventListener('load', doTest, false);
  37   </script>
  38 </head>
  39
  40 <body>
  41   <p>Test that interrupting a smooth scroll on an overflow:scroll element works with both scroll behaviors and with input</p>
  42   <div id="container">
  43     <div id="content"></div>
  44   </div>
  45 </body>
  46 </html>