Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/06/2013, 03:41
Avatar de madman_18
madman_18
 
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Pregunta Ocultar scroll del body pero mostrarlo en un div contenedor

Buenos días!

Os iba a preguntar:

Tengo mi página hecha con una estructura de bloques del 100%; de ancho y se muestran en una única página, pero me gustaría que si el contenido es excesivamente grande (en resoluciones más chicas hay más contenido que pantalla) se pueda hacer scroll pero únicamente en el bloque y no en el body para que el resto de bloques se queden ocultos.
Os pongo cómo lo tengo estructurado:

Código HTML:
Ver original
  1. <section class="contenedor">
  2. hola bloque 1
  3. <section class="contenedor">
  4. hola bloque 2
  5. <section class="contenedor">
  6. hola bloque 3
Código CSS:
Ver original
  1. body{
  2. overflow: hidden;
  3. }
  4. body,html{
  5. width:100%;
  6. height:100%;
  7. }
  8. .contenedor{
  9. width:960px;
  10. height:auto;
  11. min-height: 100%;
  12. margin:0 auto;
  13. overflow: scroll;
  14. /* este es el que, si tiene más contenido que lo que tengo de tamaño de pantalla me muestre el scroll pero no me lo está sacando*/
  15. }

No sé si quizás me faltaría algo, o tengo que modificar el css para que lo haga....

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"