Ejemplo de Scroll en div overflow

Inicio » CSS » Scroll en div overflow
Autor: Redacción Ejemplode.com.

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>

Citado APA: (A. 2009,02. Ejemplo de Scroll en div overflow. Revista Ejemplode.com. Obtenido 02, 2009, de https://www.ejemplode.com/18-css/642-scroll_en_div_overflow.html)

CSS

Búsqueda:

Comentarios:

  1. Hola, me gustaría saber si puedo hacer un scroll autoajustable? Es decir que no lleve el with:"xx" height:"xx".
    Por Angel 10.06.16 a las 4:14:22
    1. Muy buen artículo, funcionó a la primera y lo mismo también es este sistema de comentarios luego luego me aprendí el código, Muchas gracias.
      Por Ignacio 10.07.15 a las 22:43:01
      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 16:30:19
        1. Me sirvió, y me salvo la vida, es justo lo que necesitaba.
          Por diego 09.17.12 a las 1:26:35
          1. Gracias me sirvió.
            Por Rodrigo 09.04.12 a las 21:35:09
            1. Excelente me funcionó de lo mejor
              Por robrod 06.14.12 a las 23:52:13
              1. A mi también me has salvado la vida.
                Por Alberto 06.07.12 a las 17:04:24
                1. Me has salvado la chamba.
                  Por Angel 05.11.12 a las 14:28:03
                  1. Muchas gracias, es el único scroll que me ha servido.
                    Por MELY 05.07.12 a las 7:02:50
                    1. genial man. saludos
                      Por santiago 02.24.11 a las 17:11:20


                      1. alert("Gracias")

                        Por ck 09.26.10 a las 17: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 20:48:56
                          1. Muy bueno!!! me ha sido muy útil, gracias!!!
                            Por Myniwyni 10.22.09 a las 20: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.21.09 a las 4: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.21.09 a las 1:58:24
                                1. Muy instructivo. Muchas gracias
                                  Por Jose Miguel 09.16.09 a las 17:49:37

                                  Deja un comentario


                                  Acepto la política de privacidad.