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