OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html lang="en"> | 2 <html lang="en"> |
3 <head> | 3 <head> |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
5 <title>Composited scrolling paint phases</title> | 5 <title>Composited scrolling paint phases</title> |
6 <style type="text/css" media="screen"> | 6 <style type="text/css" media="screen"> |
7 .container { | 7 .container { |
8 width: 200px; | 8 width: 200px; |
9 height: 200px; | 9 height: 200px; |
10 overflow: scroll; | 10 overflow: scroll; |
(...skipping 13 matching lines...) Expand all Loading... |
24 | 24 |
25 .not-composited { | 25 .not-composited { |
26 width: 80px; | 26 width: 80px; |
27 height: 20px; | 27 height: 20px; |
28 margin: 5px; | 28 margin: 5px; |
29 background-color: blue; | 29 background-color: blue; |
30 } | 30 } |
31 </style> | 31 </style> |
32 <script> | 32 <script> |
33 if (window.testRunner) | 33 if (window.testRunner) |
34 window.testRunner.dumpAsText(false); | 34 window.testRunner.dumpAsText(); |
35 | 35 |
36 if (window.internals) | 36 if (window.internals) |
37 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnable
d(true); | 37 window.internals.settings.setAcceleratedCompositingForOverflowScrollEnable
d(true); |
38 | 38 |
39 function write(str) | 39 function write(str) |
40 { | 40 { |
41 var pre = document.getElementById('console'); | 41 var pre = document.getElementById('console'); |
42 var text = document.createTextNode(str + '\n'); | 42 var text = document.createTextNode(str + '\n'); |
43 pre.appendChild(text); | 43 pre.appendChild(text); |
44 } | 44 } |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
85 <div class="not-composited"></div> | 85 <div class="not-composited"></div> |
86 <div class="not-composited"></div> | 86 <div class="not-composited"></div> |
87 <div class="not-composited"></div> | 87 <div class="not-composited"></div> |
88 <div class="not-composited"></div> | 88 <div class="not-composited"></div> |
89 <div class="not-composited"></div> | 89 <div class="not-composited"></div> |
90 </div> | 90 </div> |
91 <pre id="console"></pre> | 91 <pre id="console"></pre> |
92 </body> | 92 </body> |
93 </html> | 93 </html> |
94 | 94 |
OLD | NEW |