Ejemplo de Scroll en div overflow

Inicio » CSS » Scroll en div overflow
Autor: Redacción Ejemplode.com, año 2016

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 http://www.ejemplode.com/18-css/642-ejemplo_de_scroll_en_div_overflow.html)

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

  
CSS
Autor: Redacción Ejemplode.com, año 2016

Búsqueda:

Búsqueda personalizada

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. Exelente ejemplo, si lo haces en css te ahorras mucho pero mucho tiempo.
        Por Solo 06.09.14 a las 22:58:46
        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. 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 16:28:39
            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



Tweet