etoiledebethleem/website
4
1
Fork 0
Code Issues 5 Pull requests 1 Projects 1 Releases Packages Activity Actions

fix: disable page scroll when mobile nav is opened

Browse source
This commit is contained in:
Matthieu Bessat 2023-05-21 22:46:45 +02:00
parent 8da6e620ea
commit 7ad361d49f
1 changed files with 13 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
layouts/partials/header.html
View file

@ -33,3 +33,16 @@
</div> </div>
</div> </div>
</header> </header>
<script>
// workaround to limit the page scroll if the mobile nav is opened
const nav_button = document.getElementById("navi-toggle")
nav_button.addEventListener("change", event => {
if (event.target.checked) {
document.body.style.overflow = "hidden";
}
if (!event.target.checked) {
document.body.style.overflow = "initial";
}
})
</script>