| <!DOCTYPE html> | |
| <style> | |
| body { | |
| background: black; | |
| transform: scale(0.75); | |
| transform-origin: top left; | |
| } | |
| .scroller { | |
| position: relative; | |
| overflow: scroll; | |
| width: 150px; | |
| height: 150px; | |
| background: white local; | |
| will-change: transform; | |
| } | |
| .b { | |
| left: 1px; | |
| top: 10px; | |
| } | |
| .c { | |
| left: 2px; | |
| top: 20px; | |
| } | |
| .spacer { | |
| height: 400px; | |
| } | |
| </style> | |
| <div class="scroller"><div class="spacer"></div></div> | |
| <div class="scroller b"><div class="spacer"></div></div> | |
| <div class="scroller c"><div class="spacer"></div></div> |