<!DOCTYPE html>
<meta charset="utf-8">
<!--
On a mobile viewport we need to make sure the page does not stretch beyond the
size of the viewport to avoid displaying a scroll bar.
-->
<meta name="viewport" content="width=device-width,minimum-scale=1">
<html>
<body></body>
<script>
onbeforeunload = (event) => {
history.pushState(null, '', `#foo`);
};
</script>
<style>
body {
background-color:#0000FF;
overflow: scroll;
}
#foo {
position: relative;
height: 100vh;
}
</style>
<div id="foo"></div>
</html>