<!DOCTYPE html> | |
<script src="../../resources/run-after-layout-and-paint.js"></script> | |
<style> | |
body { | |
margin: 0; | |
} | |
#big-black-box { | |
position: absolute; | |
background-color: black; | |
-webkit-background-clip: text; | |
width: 100%; | |
padding-top: 10000px; | |
} | |
#mask { | |
color: transparent; | |
} | |
::-webkit-scrollbar { | |
width: 0px; | |
height: 0px; | |
} | |
</style> | |
<div id="big-black-box"> | |
<span id="mask">Background mask</span> | |
</div> | |
<script> | |
runAfterLayoutAndPaint(function() { | |
window.scrollTo(0, 10000); | |
}, true); | |
</script> | |