Jun 12

Div con scroll vertical

css No Comments »

Hola, es muy útil cuando estamos cortando el diseño de un sitio, poner scroll a componentes divs, de tal forma que el contenido se muestre correctamente y el diseño no se afecte.

Probemos con un div con un background.

PLAIN TEXT
CSS:
  1. #contenedor{
  2.  
  3. background-image:url(../images/recursos.jpg);//Ruta para localizar la imagen
  4. background-repeat:no-repeat;
  5. width:301px;
  6. height:139px;
  7.  
  8. }
  9.  
  10. #texto{
  11. height:130px;
  12. width:160px;
  13. margin-top:10px;
  14. margin-left:90px;
  15. overflow-x:none;
  16. overflow-y: auto;
  17. }

Resultado:

Es importante resaltar, que los divs para que tengan scroll deben tener un tamaño limitado, teniendo en cuenta que sólo aparece el scroll siempre y cuando el contenido del div supere el alto del componente (div) contenedor

written by admin \\ tags: , ,