Foros del Web - Ver Mensaje Individual - Evitar Scroll del body en dispositivos móviles

madman_18 · #5 (**permalink**) 03/07/2013, 04:06

Cita:

Iniciado por pzin

Pues en principio debería de ocurrir lo mismo que en un navegador de escritorio.

Pon el código HTML/CSS que estés utilizando, al menos el necesario para reproducir el problema.

Me pillabas escribiendolo

Código HTML:

Ver original<html>
<body>
 
<section class="contenedor">
<article class="contenido">
adsfasdfasdf
</article>
</section>
<section class="contenedor">
<article class="contenido">
adsfasdfasdf
</article>
</section>
</body>
</html>

Código CSS:

Ver originalbody{
overflow:hidden;
}
.contenedor{
width:960px;
    min-height: 100%;
    height:auto;
    margin: 0px auto;
    padding: 115px 0 0px 0;
    overflow:auto;
}
.contenido{
    width:100%;
    max-height:650px;
    height:650px;
    overflow: auto;
}

Ahí está lo básico básico...en el @media-queries lo único que hago es variar el width del contenedor y el height del contenido.

Pd: lo que he puesto de texto y demás es ahora mismo de prueba ;)