Inicio » CSS » Scroll en div overflow

Ejemplo de Scroll en div overflow

Para 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.

Aquí les dejo el ejemplo de scroll en div con overflow:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>
<div id="Layer1" style="width:100px; height:115px; overflow: scroll;">Aquí saldrá un scroll<br>
<br>
sólo<br>
dale<br>
interlineados<br>
simple<br>
no ?
</div>

</body>
</html>

¡Ayúdanos a ayudarte! Por favor comparte este artículo.

  
CSS
Por: Morris

Búsqueda:

Búsqueda personalizada

Comentarios:

  1. Hola, buen aporte, me gustó y me gustaría saber como poner el scroll en horizontal en lugar de vertical.
    Por Diegolito 10.23.12 a las 11:30:19
    1. Hola:
      Buen aporte, me gusto y me gustaria saber como poner el scroll en horizontal en lugar de vertical.
      Por Diego 10.23.12 a las 11:28:39
      1. Me sirvió, y me salvo la vida, es justo lo que necesitaba.
        Por diego 09.16.12 a las 20:26:35
        1. Gracias me sirvió.
          Por Rodrigo 09.04.12 a las 16:35:09
          1. Excelente me funcionó de lo mejor
            Por robrod 06.14.12 a las 18:52:13
            1. A mi también me has salvado la vida.
              Por Alberto 06.07.12 a las 12:04:24
              1. Me has salvado la chamba.
                Por Angel 05.11.12 a las 9:28:03
                1. Muchas gracias, es el único scroll que me ha servido.
                  Por MELY 05.07.12 a las 2:02:50
                  1. genial man. saludos
                    Por santiago 02.24.11 a las 11:11:20


                    1. alert("Gracias")

                      Por ck 09.26.10 a las 12:48:39
                      1. Wow! Esta buenisimo, eso es exactamente lo q buscaba desde hace tanto tiempo :) gracias.
                        Queria preguntar: se puede poner un scroll al lado de otro?
                        Por Ximena 08.22.10 a las 15:48:56
                        1. Muy bueno!!! me ha sido muy útil, gracias!!!
                          Por Myniwyni 10.22.09 a las 15:02:58
                          1. El scroll sale del tamaño del div. Mueve las medidas. Y para poner un fondo usa la propiedad style="background:#FF0000"
                            Por Morris 10.20.09 a las 23:25:42
                            1. excelente informacion te felicito podrias indicarme como puedo hacer para que el scrollbar sea pequeño y no largo? y como poner un fondo especifico en el recuadro?

                              Gracias y que buenisimos aportes el de la imagen que no se mueve es uno que como cuesta conseguir la info en internet.

                              Por AMILCAR 10.20.09 a las 20:58:24
                              1. Muy instructivo. Muchas gracias
                                Por Jose Miguel 09.16.09 a las 12:49:37

                              Deja un comentario

Tweet