Cuando estaba estudiando los valores de la propiedad overflow, encontré estos dos valores: auto y scroll, que agregan barras de desplazamiento si el contenido se desborda del elemento.Diferencia entre HTML "overflow: auto" y "overflow: scroll"
¿Podría alguien explicarme cuál es la diferencia entre ellos?
Auto solo mostrará una barra de desplazamiento cuando se recorta cualquier contenido.
Sin embargo, el desplazamiento siempre mostrará la barra de desplazamiento incluso si todo el contenido se ajusta y no se puede desplazar.
overflow: scroll ocultará todo el contenido desbordado y hará que aparezcan barras de desplazamiento en el elemento en cuestión. Si el contenido no se desborda, las barras de desplazamiento seguirán estando visibles, pero desactivadas.
overflow: auto es muy similar, pero las barras de desplazamiento solo aparecen cuando el contenido se desborda.
Hay una explicación similar de este here, con algunas capturas de pantalla para ilustrar el punto.
Tu enlace despejó el punto. Gracias:) – GirishK
Eche un vistazo a CSS Tricks.
Auto mostrará la barra de desplazamiento si y solo si el contenido se desborda; pero el desplazamiento siempre mostrará la barra de desplazamiento, tanto si el contenido se desborda como si no.
Agregando un punto a la respuesta, Overflow:auto no funcionó en IE7 cuando la posición del contenedor es absoluta Position relative overflow IE7. Pero establecer Overflow:scroll funciona
Sí, gracias, gracias. – GirishK
No parece haber una diferencia, al menos en la última versión de Safari: incluso con 'scroll', no veo la barra de desplazamiento si el contenido se ajusta. Pero, solo para estar seguro, fui con 'auto' porque solo quiero mostrar una barra de desplazamiento cuando se recorta el contenido. – ma11hew28
@MattDiPasquale OS X y Windows muestran barras de desplazamiento de diferentes formas. Probablemente estés usando Safari en Mac ¿no? OS X a menudo oculta la barra de desplazamiento hasta que realmente se desplaza. –