Un scroll con div

Poner un scroll a un div es muy sencillo, solamente tenemos que utilizar la propiedad  overflow:scroll y asignar un tamaño determinado al <div>. En cuanto el contenido lo sobrepase saldrá automáticamente el scroll.

Desglosando las reglas incluidas en <div>:

  • width:100px.- Ancho de 100 píxeles.
  • height:115px.- alto 115 píxeles.
  • overflow.- La propiedad CSS overflow  especifica: si recortar contenido, dibujar barras de desplazamiento o mostrar el contenido excedente en un elemento a nivel de bloque. Los valores para overflow son:
    • visible.- Valor por defecto. El contenido no es recortado, podría ser dibujado fuera de la caja contenedora.
    • hidden.- El contenido es recortado y no se muestran barras de posición.
    • scroll.- El contenido es recortado y el navegador web usa las barras de desplazamiento, se haya recortado el contenido, o no. Esto previene cualquier problema con las barras de desplazamiento apareciendo o desapareciendo en un entorno dinámico. Puede que las impresoras impriman contenido excedente.
    • auto.- Depende del usuario. Navegadores de escritorio como Firefox proveen barras de desplazamiento si hay contenido excedente.

 

 

Anuncios