Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(422)

Side by Side Diff: LayoutTests/fast/scroll-behavior/overflow-interrupted-scroll.html

Issue 782793002: Update Element API for CSSOM smooth scrolling to match the spec (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Rebased Created 6 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 #container { 5 #container {
6 width: 200px; 6 width: 200px;
7 height: 200px; 7 height: 200px;
8 overflow: scroll; 8 overflow: scroll;
9 } 9 }
10 10
11 #content { 11 #content {
12 width: 7500px; 12 width: 7500px;
13 height: 7500px; 13 height: 7500px;
14 background-color: blue; 14 background-color: blue;
15 } 15 }
16 </style> 16 </style>
17 <script src="../../resources/testharness.js"></script> 17 <script src="../../resources/testharness.js"></script>
18 <script src="../../resources/testharnessreport.js"></script> 18 <script src="../../resources/testharnessreport.js"></script>
19 <script src="resources/scroll-interruption-test.js"></script> 19 <script src="resources/scroll-interruption-test.js"></script>
20 <script type="text/javascript"> 20 <script type="text/javascript">
21 function jsScroll(y) { 21 function jsScroll(y) {
22 document.getElementById('container').scrollTop = {y: y, behavior: 'smooth' }; 22 document.getElementById('container').scrollTo({top: y, behavior: 'smooth'} );
23 } 23 }
24 24
25 function doTest() { 25 function doTest() {
26 const targets = {y_min: 40, y_mid: 3500, y_max: 7000}; 26 const targets = {y_min: 40, y_mid: 3500, y_max: 7000};
27 const innerPoint = {x: 100, y: 100}; 27 const innerPoint = {x: 100, y: 100};
28 var element = document.getElementById('container'); 28 var element = document.getElementById('container');
29 var scrollInterruptionTest = new SmoothScrollInterruptionTest(element, 29 var scrollInterruptionTest = new SmoothScrollInterruptionTest(element,
30 innerPoint, 30 innerPoint,
31 targets, 31 targets,
32 jsScroll); 32 jsScroll);
33 scrollInterruptionTest.run(); 33 scrollInterruptionTest.run();
34 } 34 }
35 35
36 window.addEventListener('load', doTest, false); 36 window.addEventListener('load', doTest, false);
37 </script> 37 </script>
38 </head> 38 </head>
39 39
40 <body> 40 <body>
41 <p>Test that interrupting a smooth scroll on an overflow:scroll element works with both scroll behaviors and with input</p> 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"> 42 <div id="container">
43 <div id="content"></div> 43 <div id="content"></div>
44 </div> 44 </div>
45 </body> 45 </body>
46 </html> 46 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698