OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 Tests composited scrolling of contain:paint. Passes if contents are completely p ainted when scrolled. | |
3 <style> | |
4 ::-webkit-scrollbar { width: 0 } | |
5 </style> | |
6 <div id="target" style="overflow-y: auto; width: 150px; height: 150px; contain: paint; will-change: transform"> | |
7 1<br> | |
8 2<br> | |
9 3<br> | |
10 4<br> | |
11 5<br> | |
12 6<br> | |
13 7<br> | |
14 8<br> | |
15 9<br> | |
16 10<br> | |
17 11<br> | |
18 12<br> | |
19 13<br> | |
20 14<br> | |
21 15<br> | |
22 16<br> | |
23 17<br> | |
24 18<br> | |
25 19<br> | |
26 20<br> | |
27 </div> | |
28 <script src="../../../resources/run-after-layout-and-paint.js"></script> | |
29 <script> | |
30 runAfterLayoutAndPaint(function() { | |
31 target.scrollTop = 100; | |
32 }, true); | |
33 </script> | |
OLD | NEW |