Foros del Web » Creando para Internet » CSS »

Barra desplazamiento

Estas en el tema de Barra desplazamiento en el foro de CSS en Foros del Web. Buenas noches compañeros, ¿Tenéis alguna idea sobre cómo eliminar la barra de desplazamiento inferior que adjunto en la imagen mediante CSS o HTML? He probado ...
  #1 (permalink)  
Antiguo 13/12/2014, 14:55
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid
Mensajes: 26
Antigüedad: 9 años, 3 meses
Puntos: 0
Barra desplazamiento

Buenas noches compañeros,

¿Tenéis alguna idea sobre cómo eliminar la barra de desplazamiento inferior que adjunto en la imagen mediante CSS o HTML?



He probado varias cosas pero de momento no hay manera...

Gracias de antemano por vuestra ayuda.
  #2 (permalink)  
Antiguo 13/12/2014, 15:16
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 6 meses
Puntos: 578
Respuesta: Barra desplazamiento

Con esto eliminas el scrollbar pero se deshabilita el desplazamiento:

Código CSS:
Ver original
  1. body {
  2.     overflow:hidden;
  3. }

En Chrome puedes no mostrarla:

Código CSS:
Ver original
  1. ::-webkit-scrollbar {
  2.     display: none;
  3. }
  #3 (permalink)  
Antiguo 13/12/2014, 15:40
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid
Mensajes: 26
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Barra desplazamiento

Cita:
Iniciado por PHPeros Ver Mensaje
Con esto eliminas el scrollbar pero se deshabilita el desplazamiento:

Código CSS:
Ver original
  1. body {
  2.     overflow:hidden;
  3. }

En Chrome puedes no mostrarla:

Código CSS:
Ver original
  1. ::-webkit-scrollbar {
  2.     display: none;
  3. }
Hola @PHPeros;

Veo que la opción desactiva tanto la barra de desplazamiento laterial como la inferior. En principio solamente quiero desactivar la inferior, ¿hay alguna forma o se desactivan siempre las dos?

Gracias nuevamente
  #4 (permalink)  
Antiguo 14/12/2014, 07:11
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 6 meses
Puntos: 578
Respuesta: Barra desplazamiento

Con el último ejemplo ocultas todo, pero con la propiedad overflow puedes quitar la del lado que quieras, en este caso la horizontal:

Código CSS:
Ver original
  1. body {
  2.     overflow-x: hidden;
  3. }
  #5 (permalink)  
Antiguo 14/12/2014, 17:36
 
Fecha de Ingreso: mayo-2013
Mensajes: 207
Antigüedad: 10 años, 10 meses
Puntos: 31
Respuesta: Barra desplazamiento

la otra opción es hacer que el diseño sea fluido o sea "responsible"

Etiquetas: barra, desplazamiento, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:04.