OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <style> |
| 3 td { |
| 4 padding: 0; |
| 5 } |
| 6 table { |
| 7 width: 10000px; |
| 8 height: 10000px; |
| 9 border-spacing: 0; |
| 10 } |
| 11 ::-webkit-scrollbar { |
| 12 width: 0; |
| 13 height: 0; |
| 14 } |
| 15 </style> |
| 16 <div id="container" style="will-change: transform; overflow: scroll; width: 400p
x; height: 400px"> |
| 17 <table id="table"> |
| 18 <colgroup> |
| 19 <col style="background-color: red"> |
| 20 <col style="background-color: gray"> |
| 21 <col style="background-color: magenta"> |
| 22 <col style="background-color: blue"> |
| 23 <col style="background-color: cyan"> |
| 24 <col style="background-color: yellow"> |
| 25 <col style="background-color: orange"> |
| 26 <col style="background-color: green"> |
| 27 </colgroup> |
| 28 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 29 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 30 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 31 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 32 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 33 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 34 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 35 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 36 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 37 <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr> |
| 38 </table> |
| 39 </div> |
| 40 <script src="../../resources/run-after-layout-and-paint.js"></script> |
| 41 <script> |
| 42 runAfterLayoutAndPaint(function() { |
| 43 container.scrollTop = 9000; |
| 44 container.scrollLeft = 9000; |
| 45 }, true); |
| 46 </script> |
OLD | NEW |