Found this solution on: https://fourword.fourkitchens.com/article/fix-scrolling-performance-css-will-change-property
Seems to me to be a clever way to use :before pseudo element. Limit the width for fixed width elements but works great for full width pages. Essentially comes out to look like this:
.background_fill {
overflow: hidden;
position: relative;
color: red;
}
.background_fill:before {
background-color: white;
background: url('http://www.lausanneworldpulse.com/pdfs/brierley_map_0507.jpg') no-repeat center center;
background-size: cover;
z-index: -3;
content: " ";
position: fixed;
will-change: transform;
width: 100%;
height: 100%;
}
<div class="background_fill">
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
<div>this is on a background / this is on a background / this is on a background / this is on a background / this is on a background / this is on a background</div>
</div>
Works great for me as a way of getting around this very annoying bug.