non-composited-scrolling-repaint-local-background.html

<!DOCTYPE html>
<style>
#container {
    overflow: scroll;
    width: 400px;
    height: 300px;
    background: linear-gradient(black, white);
    background-attachment: local;
}

#bloat {
    height: 1000px;
    transform: translateZ(0);
}
</style>
<div id="container">
    <div id="bloat"></div>
</div>
<script src="../../resources/run-after-layout-and-paint.js"></script>
<script>
runAfterLayoutAndPaint(function() {
    document.getElementById('container').scrollTop = 1000;
}, true);
</script>

chromium/third_party/blink/web_tests/fast/scrolling/non-composited-scrolling-repaint-local-background.html