<!DOCTYPE html> | |
<style> | |
#bloat { | |
height: 1000px; | |
} | |
#composited-background-attachment-fixed { | |
position: absolute; | |
left: 50px; | |
top: 200px; | |
width: 500px; | |
height: 1000px; | |
background: url('../resources/grid.png') -50px -77px; | |
will-change: opacity; | |
} | |
</style> | |
<div id="bloat"> | |
The test verifies background-attachment:fixed gets invalidated after scroll even if they are composited. | |
</div> | |
<div id="composited-background-attachment-fixed"></div> | |
<script> | |
scrollTo(0, 123); | |
</script> |