1169331-1-ref.html (625B)
1 <!DOCTYPE html> 2 <html lang="en"> 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 padding: 50px; 14 } 15 16 .scrollbox { 17 width: 200px; 18 height: 200px; 19 overflow: auto; 20 } 21 22 .scrolled { 23 box-sizing: border-box; 24 border: 1px solid transparent; 25 height: 200px; 26 } 27 28 </style> 29 30 <div class="outer"> 31 32 <div class="scrollbox"> 33 <div class="scrolled" style="background-color: blue;"></div> 34 <div class="scrolled" style="background-color: lime;"></div> 35 </div> 36 37 </div> 38 39 <script> 40 41 var scrollbox = document.querySelector(".scrollbox"); 42 43 scrollbox.scrollTop = 199; 44 45 </script>