<!DOCTYPE html>
<style>
.layout-container {
width: 210px;
position: relative;
}
.position-container {
position: relative;
width: 203px;
margin-left: auto;
margin-right: auto;
}
#overflow {
width: 50%;
height: 100px;
overflow: scroll;
position: absolute;
background: #0f0;
/* Not using will-change:transform because it ignores subpixel accumulation. */
will-change: opacity;
}
.spacer {
height: 2000px;
}
</style>
<body>
<div class="layout-container">
<div class="position-container">
<div id="overflow">
<div class="spacer">
</div>
</div>
</div>
</div>
</body>