| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../../resources/run-after-display.js"></script> | 4 <script src="../../resources/run-after-display.js"></script> |
| 5 <style> | 5 <style> |
| 6 .composited { | 6 .composited { |
| 7 -webkit-transform: translatez(0); | 7 transform: translatez(0); |
| 8 } | 8 } |
| 9 | 9 |
| 10 .background { | 10 .background { |
| 11 position: fixed; | 11 position: fixed; |
| 12 background-color: lightgray; | 12 background-color: lightgray; |
| 13 width: 300px; | 13 width: 300px; |
| 14 height: 300px; | 14 height: 300px; |
| 15 top: 150px; | 15 top: 150px; |
| 16 left: 100px; | 16 left: 100px; |
| 17 } | 17 } |
| (...skipping 160 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 178 CASE 3, scrolling y to 120, no repaints expected: | 178 CASE 3, scrolling y to 120, no repaints expected: |
| 179 <pre id="Case3"></pre> | 179 <pre id="Case3"></pre> |
| 180 | 180 |
| 181 CASE 4, scrolling y to 170 new layers will be squashed, so things repaint: | 181 CASE 4, scrolling y to 170 new layers will be squashed, so things repaint: |
| 182 <pre id="Case4"></pre> | 182 <pre id="Case4"></pre> |
| 183 </div> | 183 </div> |
| 184 | 184 |
| 185 </body> | 185 </body> |
| 186 | 186 |
| 187 </html> | 187 </html> |
| OLD | NEW |