Desactiva el scroll vertical en móviles

mrp500 · Feb 28, 2024 · 7ee9750 · 7ee9750
1 parent 9bdc9b5
commit 7ee9750
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/app.js b/app.js
@@ -3,10 +3,10 @@ let intentos = 0;
 let listaNumerosSorteados = [];
 let numeroMaximo = 10;
 
-// Deshabilitar el desplazamiento vertical en dispositivos móviles
+// Agregar clase al body en dispositivos móviles
 document.addEventListener('DOMContentLoaded', function () {
     if (window.matchMedia("(max-width: 767px)").matches) {
-        document.body.style.overflowY = 'hidden';
+        document.body.classList.add('mobile-no-scroll');
     }
 });
 

diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
     <title>JS Game</title>
 </head>
 
-<body>
+<body class="mobile-no-scroll">
 
     <div class="container">
         <div class="container__contenido">

diff --git a/style.css b/style.css
@@ -110,7 +110,7 @@ button {
     font-weight: 400;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 767px) {
 
     .container__informaciones {
         flex: 1;
@@ -123,4 +123,8 @@ button {
         padding-bottom: 0;
     }
 
+    .mobile-no-scroll {
+        overflow-y: hidden;
+    }
+
 }