OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../fast/repaint/resources/text-based-repaint.js"></script> | 2 <script src="resources/text-based-repaint.js"></script> |
3 <script> | 3 <script> |
4 function repaintTest() { | 4 function repaintTest() { |
5 scroller.style.background = 'green local'; | 5 scroller.style.background = 'green local'; |
6 } | 6 } |
7 onload = runRepaintAndPixelTest; | 7 onload = runRepaintAndPixelTest; |
8 </script> | 8 </script> |
9 <style> | 9 <style> |
10 #scroller { | 10 #scroller { |
11 background: red local; | 11 background: red local; |
12 overflow: scroll; | 12 overflow: scroll; |
13 width: 200px; | 13 width: 200px; |
14 height: 200px; | 14 height: 200px; |
15 will-change: transform; | 15 will-change: transform; |
16 } | 16 } |
17 | 17 |
18 .spacer { | 18 .spacer { |
19 height: 300px; | 19 height: 300px; |
20 } | 20 } |
21 </style> | 21 </style> |
22 <!-- #scroller has a locally attached background which will be painted into the | 22 <!-- #scroller has a locally attached background which will be painted into the |
23 scrolling contents layer. When the color changes it should repaint. --> | 23 scrolling contents layer. When the color changes it should repaint. --> |
24 <div id="scroller"> | 24 <div id="scroller"> |
25 <div class="spacer"></div> | 25 <div class="spacer"></div> |
26 </div> | 26 </div> |
OLD | NEW |