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>

¡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. 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 17:43:01
    1. Exelente ejemplo, si lo haces en css te ahorras mucho pero mucho tiempo.
      Por Solo 06.09.14 a las 17: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 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