<!DOCTYPE html>
<style>
body {
overflow: scroll;
}
.box {
height: 300px;
width: 200px;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
.cyan {
background-color: cyan;
}
.pink {
background-color: pink;
}
.blue {
background-color: blue;
}
</style>
<div class="container">
<div class="box red"></div>
<div class="box green"></div>
<div class="box blue"></div>
<div class="box pink"></div>
<div class="box cyan"></div>
<div class="box red"></div>
<div class="box green"></div>
<div class="box blue"></div>
<div class="box pink"></div>
<div class="box cyan"></div>
</div>
<script src="include.js"></script>
<script>
asyncTest(done => {
const container = document.querySelector(".container");
window.onscroll = () => {
println(`new scrollY: ${window.scrollY}`);
done();
};
internals.wheel(50, 50, 0, 100);
});
</script>
