disable scrolling while showing loading screen

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

scss/_loader.scss

@@ -58,4 +58,9 @@
     transform: translateX(100px);
     opacity: 0;
   }
+}
+
+.stop-scrolling {
+  height: 100%;
+  overflow: hidden;
 }
\ No newline at end of file