Tema: Evitar Scroll del body en dispositivos móviles
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 03/07/2013, 04:53
Avatar de madman_18
madman_18
 
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 15 años, 2 meses
Puntos: 14
Respuesta: Evitar Scroll del body en dispositivos móviles
Cita:
Iniciado por pzin Ver Mensaje
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.
Interesante..... haré algunas pruebas a ver qué tal funciona Gracias por la ayuda ;)
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"