<!DOCTYPE html> <html lang="en" class="reftest-wait"> <meta charset="utf-8"> <title>Rotated buffer with mask</title> <style> body { margin: 0; } .outer { overflow: hidden; border-radius: 10px; padding: 50px; } .scrollbox { width: 200px; height: 200px; overflow: auto; } .scrolled { box-sizing: border-box; border: 1px solid transparent; height: 200px; } </style> <div class="outer"> <div class="scrollbox"> <div class="scrolled" style="background-color: blue;"></div> <div class="scrolled" style="background-color: lime;"></div> </div> </div> <script> var scrollbox = document.querySelector(".scrollbox"); scrollbox.scrollTop = 1; scrollbox.scrollTop = 0; window.addEventListener("MozReftestInvalidate", function (e) { scrollbox.scrollTop = 199; document.documentElement.removeAttribute("class"); }); </script>