<!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>