Tema: Evitar Scroll del body en dispositivos móviles
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 03/07/2013, 04:44
Avatar de pzin
pzin
Moderata 😈
  
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: Evitar Scroll del body en dispositivos móviles
Yo haría otra cosa, si me permites.

Pondría un contenedor global y jugaría con la altura.

Código HTML: 
Ver original
  1. <html>
  2. <body>
  3.   <section>
  4.     <article></article>
  5.     <article></article>
  6.   </section>
  7. </body>
  8. </html>

Código CSS: 
Ver original
  1. html, body {
  2.   height: 100%;
  3. }
  4.  
  5. body {
  6.   overflow: hidden;
  7. }
  8.  
  9. section {
  10.   height: 200%;
  11. }
  12.  
  13. article {
  14.   height: 50%;
  15. }

El contenedor, section, va a tener la altura de 100% * la cantidad de artículos que hayan, y cada artículo tendrá una altura de 100% / la cantidad de artículos que hayan. Si hubiesen 20 artículos, entonces section mediría 2000% y cada artículo 5%.

Así puedes usar el scroll sin problemas.