1169331-1.html (862B)
1 <!DOCTYPE html> 2 <html lang="en" class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>Rotated buffer with mask</title> 5 6 <style> 7 8 body { 9 margin: 0; 10 } 11 12 .outer { 13 overflow: hidden; 14 border-radius: 10px; 15 padding: 50px; 16 } 17 18 .scrollbox { 19 width: 200px; 20 height: 200px; 21 overflow: auto; 22 } 23 24 .scrolled { 25 box-sizing: border-box; 26 border: 1px solid transparent; 27 height: 200px; 28 } 29 30 </style> 31 32 <div class="outer"> 33 34 <div class="scrollbox"> 35 <div class="scrolled" style="background-color: blue;"></div> 36 <div class="scrolled" style="background-color: lime;"></div> 37 </div> 38 39 </div> 40 41 <script> 42 43 var scrollbox = document.querySelector(".scrollbox"); 44 45 scrollbox.scrollTop = 1; 46 scrollbox.scrollTop = 0; 47 48 window.addEventListener("MozReftestInvalidate", function (e) { 49 scrollbox.scrollTop = 199; 50 document.documentElement.removeAttribute("class"); 51 }); 52 53 </script>