From 94eb50d34c61e26095fd15aa3ee39ae58304f31e Mon Sep 17 00:00:00 2001
From: Jonas Leder <git@jonasled.de>
Date: Wed, 21 Jul 2021 17:07:52 +0200
Subject: [PATCH] disable scrolling while showing loading screen
---
js/loader.js | 2 ++
scss/_loader.scss | 5 +++++
2 files changed, 7 insertions(+)
diff --git a/js/loader.js b/js/loader.js
index 7aded33..abe830b 100644
--- a/js/loader.js
+++ b/js/loader.js
@@ -8,10 +8,12 @@ div.innerHTML = `<div class="loader-dots">
<div class="dots"></div>
</div>`;
+document.body.classList.add("stop-scrolling");
document.body.appendChild(div);
document.addEventListener('readystatechange', event => {
if (event.target.readyState === "complete") {
document.querySelector(".loader").style.display = "none";
+ document.body.classList.remove("stop-scrolling");
}
});
\ No newline at end of file
diff --git a/scss/_loader.scss b/scss/_loader.scss
index b76e566..95538f1 100644
--- a/scss/_loader.scss
+++ b/scss/_loader.scss
@@ -58,4 +58,9 @@
transform: translateX(100px);
opacity: 0;
}
+}
+
+.stop-scrolling {
+ height: 100%;
+ overflow: hidden;
}
\ No newline at end of file
--
GitLab