Problema con overflow

[jagp1119]

Hola, tengo una aplicacion movil en html5 y tengo las páginas divididas en div dentro del codigo html, pero logicamente no quiero que se vean todas de una si no que con un boton ir de una página a otra (o de un div a otro es lo mismo), pero utilizo la propiedad overflow:hidden pero no funciona, al estar en una pagina puedo desplazarme (como si fuera un scroll) hasta la otra.

[pzin]

Para que overflow funcione y oculte tienes que detallar un ancho o alto, ya sea con height, max-width u otros.

[jagp1119]

ok voy a probar a ver si funciona

[jagp1119]

Lo puse de esta forma y no funciono,

Código CSS:

body{
    height:100%;
    overflow-y:hidden;
  }
 

Hay algo mal?.

[g3kdigital]

Sí usas html5 te recomiendo la estructura de navegación por :target o por :checked, esto es puro css http://codepen.io/Kseso/full/heysk.

O depronto este otro: http://codepen.io/Kseso/pen/FlInH.

Puedes esconder el contenido con display:none y hacerlo visible ya sea con jquery o con css3 usando los metodos anteriores.

Ahora nunca me ha funcionado el height: 100%; así solo. Porque esta medida se la debes aplicar a un elemento padre, con una altura ya definida y en este caso ese es un hijo del elemento "html" y tambien del "viewport".

Por lo que debes establecer, cual es la altura del viewport, ya sea con el metatag o con jquery y ahora si aplicar

Código CSS:

html, body {height:100%;}
 

Aclaro, estas son soluciones que he llegado dependiendo de la situación, me es difícil imaginar cual es en especifico tu problema, sin código o ayuda visual, pero espero te pueda servir.

[jagp1119]

Ok entiendo, lo probare a ver que tal me va

[jagp1119]

Me sirvieron mucho las páginas que me envío, opte por hacerlo con css ocultando una de las paginas mientras la otra se muestra.