OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <style> | 2 <style> |
3 ::-webkit-scrollbar { | 3 ::-webkit-scrollbar { |
4 display: none; | 4 display: none; |
5 } | 5 } |
6 #container { | 6 #container { |
7 overflow: scroll; | 7 overflow: scroll; |
8 width: 400px; | 8 width: 400px; |
9 height: 400px; | 9 height: 400px; |
10 | 10 |
11 background-attachment: local; | 11 background-attachment: local; |
12 background-color: blue; | 12 background-color: blue; |
| 13 contain: paint; |
13 } | 14 } |
14 | 15 |
15 #child { | 16 #child { |
16 height: 500px; | 17 height: 500px; |
17 } | 18 } |
18 </style> | 19 </style> |
19 <div id="container"> | 20 <div id="container"> |
20 <div id="child"></div> | 21 <div id="child"></div> |
21 </div> | 22 </div> |
22 <script src="../resources/text-based-repaint.js"></script> | 23 <script src="../resources/text-based-repaint.js"></script> |
23 <script> | 24 <script> |
24 function repaintTest() { | 25 function repaintTest() { |
25 child.style.height = '2000px'; | 26 child.style.height = '2000px'; |
26 container.scrollTop = 2000; | 27 container.scrollTop = 2000; |
27 } | 28 } |
28 onload = runRepaintAndPixelTest; | 29 onload = runRepaintAndPixelTest; |
29 </script> | 30 </script> |
OLD | NEW |