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 |