raster-under-invalidation-checking-expected.html 665 B

123456789101112131415161718192021222324
  1. <!DOCTYPE html>
  2. <style>
  3. [id^="target"] {
  4. width: 60px;
  5. height: 40px;
  6. margin: 10px;
  7. background: rgb(160, 0, 0);
  8. }
  9. </style>
  10. <div id="target1"></div>
  11. <div id="target2"></div>
  12. <div style="width: 150px; height: 150px; background: yellow">
  13. <div id="target3" style="position: relative; top: 70px; left: 30px"></div>
  14. </div>
  15. <div id="scroller" style="will-change: transform; width: 150px; height: 150px; overflow: scroll">
  16. <div style="width: 4000px; height: 20000px"></div>
  17. <div id="target4" style="position: relative; top: -10000px; left: 30px"></div>
  18. </div>
  19. <script>
  20. onload = function() {
  21. scroller.scrollTop = 9950;
  22. scroller.scrollLeft = 50;
  23. };
  24. </script>