third_party/WebKit/LayoutTests/fast/scrolling/non-composited-scrolling-repaint-local-background.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     overflow: scroll;
   5     width: 400px;
   6     height: 300px;
   7     background: linear-gradient(black, white);
   8     background-attachment: local;
   9 }
  10
  11 #bloat {
  12     height: 1000px;
  13     transform: translateZ(0);
  14 }
  15 </style>
  16 <div id="container">
  17     <div id="bloat"></div>
  18 </div>
  19 <script>
  20     if (window.testRunner) {
  21         testRunner.waitUntilDone();
  22         testRunner.layoutAndPaintAsyncThen(function() {
  23             document.getElementById('container').scrollTop = 1000;
  24             testRunner.notifyDone();
  25         });
  26     } else {
  27         // For manual test.
  28         setTimeout(function() {
  29             document.getElementById('container').scrollTop = 1000;
  30         }, 500);
  31     }
  32 </script>