0

En Google Chrome cada vez que tengo un overflow sea del tipo que sea, me muestra las scrollbars y no encuentro la forma de que sólo aparezcan cuando realmente hay overflow en el tipo overflow: scroll, porque me muestra también las scrollbars cuando en otros tipos de overflow.

1
  • 1
    Si pones overflow:hidden también te lo muestra? Pon algún ejemplo para poder verlo.
    – Hictus
    el 30 ago. 2017 a las 9:27

1 respuesta 1

3

Con el valor auto debería mostrarte únicamente el scroll cuando es necesario:

div{
  overflow-y: auto;
  width: 400px;
  height: 100px;
  border: solid 1px black;
  margin: 10px;
}
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt</div>

<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

4
  • Gracias. Sólo me pasa en Windows, en Mac no. Lo que no sé es si lo pongo en auto, ¿por defecto coge overflow: scroll?
    – user27826
    el 30 ago. 2017 a las 12:57
  • @JetLagFox El valor por defecto de overflow es visible
    – user7176
    el 30 ago. 2017 a las 13:41
  • 1
    Efectivamente, como dice @blonfu, el valor por defecto es visible que indica que el contenido se muestra aunque exceda el espacio del contenedor. El valor scroll indica que se mostrarán barras de desplazamiento sean o no necesarias. El valor auto indica que sea el navegador el que decida que hacer con el contenido que no quepa en el contenedor. Por lo general, en los navegadores de escritorio, se muestran barras de scroll únicamente en caso de ser necesarias (aunque no hay garantía de que el funcionamiento sea éste) el 30 ago. 2017 a las 13:48
  • ¡Gracias por la respuesta! Lo dejaré en auto pues.
    – user27826
    el 30 ago. 2017 a las 21:37

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies