| <!DOCTYPE html> |
| <style> |
| ::-webkit-scrollbar { |
| width: 0px; |
| height: 0px; |
| } |
| |
| body, html { |
| width: 100%; |
| height: 100%; |
| } |
| |
| body { |
| margin: 0px; |
| } |
| |
| #rootscroller { |
| width: 100%; |
| height: 100%; |
| overflow: auto; |
| will-change: transform; |
| background-image:linear-gradient(0deg, transparent 50%, #0a0 50%), |
| linear-gradient(90deg, #a00 50%, #0a0 50%); |
| background-size:75px 75px,75px 75px; |
| background-position:0 0, 0 25px; |
| } |
| |
| #parent { |
| width: 100%; |
| height: 100%; |
| filter: sepia(100); |
| } |
| |
| .spacer { |
| margin: 50px; |
| width: 20px; |
| height: 50%; |
| background-color: blue; |
| } |
| </style> |
| |
| <div id="parent"> |
| <div id="rootscroller"> |
| <div class="spacer"> |
| </div> |
| </div> |
| </div> |
