Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<title>
Ensuring a text directive is scrolled to the center of the view port instead of the top.
</title>
<script src="stash.js"></script>
<script>
function checkScroll() {
const results = {hasScrolled: window.scrollY != 0};
let key = (new URL(document.location)).searchParams.get("key");
stashResultsThenClose(key, results);
};
window.onload = () => {
window.requestAnimationFrame(function() {
window.requestAnimationFrame(checkScroll);
})
}
</script>
<body>
<script>
document.addEventListener("DOMContentLoaded", () => {
// trigger a layout flush
_ = document.body.getBoundingClientRect();
});
</script>
<div style="margin-top: 20vh; margin-bottom: 100vh">Scroll to me</div>
</body>